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一 般 在 网 站 制作 的 初步 教程 中 ,都 会 讲 到 如 何 使 用 模板 “迅速 ”创建 站 点 。 此 后 ,“ 模 板 ” 
一 词 便 容易 在 读者 的 脑海 里 所 下 根来 。 在 日 常 的 教学 中 ,教师 们 也 常 教学 生 从 网 络 里 搜索 
漂亮 的 网 站 模板 并 进行 修改 ,然后 加 入 自己 的 内 容 , 便 形成 学 生 自 己 的 “作品 ”。 不 可 否认 ， 
这 是 一 种 不 错 的 教学 方式 ,学 生 们 能 够 迅速 地 从 他 们 自己 的 学 习 成 果 里 体会 到 学 习 的 快乐 。 
但 是 在 教学 的 后 期 ,也 就 是 项 目 实战 阶段 ,一 定 要 给 学 生 讲 清 楚 , 实 用 的 网 站 既 不 能 只 靠 模 
板 来 创建 ,也 不 能 只 是 从 网 上 搜集 一 些 自己 喜欢 的 素材 ,然后 进行 简单 的 堆砌 进行 创建 ,这 
样 做 是 不 可 取 的 。 

在 学 生 们 的 学 习 中 ,还 有 一 种 现象 ,就 是 学 习 了 网 页 制作 课程 后 ,基本 能 够 按照 老师 的 
要 求 去 完成 简单 的 网 站 开发 工作 ,或 者 通过 模仿 现成 的 网 站 来 实现 一 些 简单 的 功能 ,但 是 如 
果 要 求学 生 单独 完成 一 个 新 网 站 的 开发 ,一 般 都 会 觉得 无 从 下 手 , 这 是 由 于 教师 在 教学 中 没 
有 把 课本 知识 和 实际 工作 要 求 很 好 地 结合 起 来 。 

这 么 说 有 虽 批 评 的 意味 ,但 我 自己 也 是 教师 ,也 教授 学 生 们 网 页 制作 ,所 以 以 上 也 是 我 
对 自己 工作 的 总 结 。 写 作 本 书 的 目的 ,就 是 希望 在 学 生 们 学 完 网 页 制作 的 基本 知识 后 ,教师 
能 够 带领 大 家 从 头 到 尾 做 一 个 网 站 ,引导 学 生 们 学 会 如 何 将 所 学 的 零碎 知识 点 贯穿 到 网 站 
开发 的 各 个 工作 过 程 中 去 。 

本 书 的 组 织 采 用 了 国内 先进 的 教学 理念 一 一 “工作 过 程 系 统 化 ”进行 开发 ,并 通过 一 个 
实际 网 站 项 目的 完整 开发 过 程 进行 介绍 。 本 书 的 每 一 章 都 是 动态 网 站 开发 的 一 个 工作 环 
节 , 每 一 节 都 是 工作 环节 里 的 具体 工作 任务 。 全 书 对 每 个 环节 的 工作 任务 都 进行 了 描述 , 转 
绕 此 工作 任务 将 教学 内 容 分 为 知识 储备 (为 完成 这 一 任务 所 必须 具备 的 前 提 知 识 与 技能 )、 
任务 描述 (本 环节 的 任务 要 求 )、 任 务实 现 (本 任务 的 实现 技术 和 步骤 ) 、 相 关 知 识 链接 (与 本 
任务 有 关 的 其 他 扩充 性 知识 ) ,经 验 总 结 ( 完 成 本 任务 需要 注意 的 事项 及 一 些 经 验 )。 人 全书 各 
章 的 “任务 描述 ”部 分 形成 了 网 站 开发 与 运营 维护 的 各 个 工作 环节 ,“ 任 务实 现 ” 部 分 对 这 些 
工作 步骤 做 了 具体 的 讲解 。 因 此 ,如 果 通 读本 书 的 这 两 部 分 内 容 ,就 能 够 看 到 一 个 完整 的 网 
站 开发 与 运行 的 全 部 过 程 ,包括 网 站 的 设计 、 开 发 ,推广 .维护 等 过 程 。 

本 书 选材 合理 ,组 织 新 颖 , 既 有 一 定 的 网 站 开发 理论 知识 ,又 能 体现 极 强 的 工作 实践 要 
求 。 该 网 站 采用 JSP + SQL Server 作为 开发 环境 ,就 是 考虑 到 JSP 是 跨 平台 的 动态 服务 器 
端 编 程 技 术 , 适 用 范围 比较 广 。 

本 书 由 乔 冰 琴 主编 , 替 福 华 、 张 海 玉 担 任 副 主编 。 第 1.3 章 由 山西 财政 税务 专科 学 校 乔 
冰 琴 编写 ,第 2.4.5.7.8 章 由 山西 国际 商务 职业 学 院 霍 福 华 编写 ,第 6.9、10、11 章 由 山西 财 
政 税 务 专科 学 校 张 海 玉 编 写 。 另 外 , 杨 雪 , 肖 丹 、 孙 启 强 、 机 小平. 李 军 、. 李 婷 、 杨 蕾 、 孙 琪 、 吴 
建文 , 李 钢 . 范 荣 等 也 参加 了 部 分 内 容 的 编写 及 素材 整理 工作 ,在 此 一 并 表示 感谢 。 
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尽管 书 中 可 能 存在 这 样 或 那样 的 缺陷 和 不 足 , 但 是 作者 非常 希望 大 家 学 习 完 本 课程 并 
在 实际 工作 中 开发 与 维护 网 站 时 ,能 够 更 容易 地 胜任 这 些 岗位 的 工作 要 求 , 顺 利 融 入 角色 
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第 1 章 网 站 需求 分 析 


许多 网 友 都 有 一 些 做 网 站 的 技术 ,能 做 一 些 看 上 去 不 错 的 网 页 。 可 是 动手 做 一 个 由 许 
多 网 页 按 一 定 逻 辑 组 成 的 网 站 时 ,就 不 知 从 何 处 下 手 了 。 即 使 是 一 些 站 长 ,在 做 网 站 时 也 常 
会 忽视 一 个 重要 的 问题 , 那 就 是 : 网 站 最 终 的 目标 是 什么 ? 如 果 这 个 问题 不 明确 ,建议 不 要 
动手 做 任何 网 页 ,即使 很 清楚 地 知道 如 何在 网 站 上 做 飘移 广告 或 者 做 很 漂亮 的 跟着 鼠标 跑 
的 一 串 亮 闪闪 的 小 星星 。 

明确 了 网 站 需求 ,才能 确定 网 站 目标 。 这 个 目标 必须 是 实在 的 .可 以 操作 的 .可 以 指导 
设计 的 ,要 能 集 所 有 网 站 运营 行为 而 不 是 表面 敷衍 了 事 的 。 到 底 想 让 浏览 者 在 网 站 上 做 什 
么 ? 想 让 浏览 者 做 哪 件 具体 事情 ?简单 地 讲 就 是 网 站 目标 。 但 这 个 目标 并 不 是 不 费 任何 力 
气 就 能 和 弄 清楚 的 ,因为 目标 经 常 并 不 是 一 眼 就 能 看 出 来 。 比 如 电子 商务 网 站 的 目标 ,大 家 可 
能 会 不 假 思索 地 说 就 是 让 客户 买 东西 。 但 实际 上 是 这 样 吗 ? 不 一 定 。 如 果 网 站 是 运用 电子 
邮件 作为 网 络 营 销 的 主要 手段 , 那 网 站 的 目标 可 能 就 是 想 办 法 收集 客户 的 电子 邮件 地 址 ,而 
不 是 直接 在 网 站 上 向 客户 销售 商品 。 

雷 波 特 (Rayport, 美 ) 和 贾 沃 斯 基 (Jaworski, 美 ) 在 2001 年 提出 被 他 们 命名 为 7Cs 的 有 
效 网 站 的 必要 设计 元 素 ,分 别 是 组 织 ( 布 局 与 设计 ) ,内 容 ( 文 字 、 图 片 . 声 音 和 录像 ) ,社区 (网 
站 如 何 实 现 访问 者 之 间 的 交流 ) .专门 化 (网 站 满足 不 同 访问 者 要 求 的 能 力 以 及 提供 个 性 化 
服务 的 能 力 ) 沟通 (如 何 实现 网 站 与 访问 者 之 间 的 双向 传播 )、 联 系 ( 网 站 与 其 他 网 站 的 联系 
程度 ) 以 及 商务 (网 站 进行 商务 交易 的 能 力 ) 。 

需要 注意 的 是 ,不 论 是 以 提供 信息 为 主要 特征 的 信息 类 型 网 站 ,还 是 以 电子 商务 交易 为 
主 的 交易 类 型 网 站 ,或 者 是 以 游戏 为 主 的 游戏 网 站 ,或 者 以 提供 某 种 特定 功能 服务 的 功能 类 
型 网 站 ,或 者 是 综合 上 述 内 容 的 综合 类 型 网 站 ,在 其 开发 之 前 ,都 必须 要 做 一 项 重要 的 工作 ， 
那 就 是 网 站 要 为 浏览 者 提供 的 网 站 基本 内 容 是 什么 ”能 让 浏览 者 使 用 网 站 达到 什么 样 的 目 
的 , 即 网 站 的 终极 目标 是 什么 ? 

网 站 建设 在 网 站 需求 分 析 阶 段 的 工作 任务 包括 : 确定 网 站 类 型 .确定 网 站 目标 ,确定 网 
站 主题 .确定 网 站 的 CI 形象 .确定 网 站 的 功能 和 性 能 、 确 定 网 站 的 系统 配置 确定 网 站 的 风 
格 和 创意 确定 网 站 结构 .搜集 素材 。 
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1.1 确定 网 站 类 型 


和 知识 储备 

(D 网 站 是 一 个 具有 大 量 信息 的 综合 体 ,是 由 许多 张 网 页 组 成 的 ,这 些 网 页 按 特 定 的 要 
求 进行 链接 ,形成 一 个 既 有 鲜明 风格 又 有 完整 内 容 的 有 机 整体 。 

(2) 网 站 需求 分 析 工 作 就 是 在 动手 写 网 页 代码 之 前 ,通过 一 些 调查 或 者 其 他 的 手段 , 弄 
清楚 网 站 目标 ,以 及 达到 这 个 目标 都 需要 做 哪些 工作 ,让 整个 网 站 开发 小 组 都 明确 地 知道 网 
站 要 完成 哪些 功能 ,网 站 主题 是 什么 ,网 站 的 风格 和 网 站 结构 是 什么 。 


1.1.1 任务 描述 

确定 “新 闻 类 别 网 站 ”的 网 站 类 型 。 
1.1.2 任务 实现 

“新 闻 类 别 网 站 ”主要 用 于 信息 的 及 时 发 布 ,并 对 信息 进行 综合 管理 ,这 种 系统 就 是 
CMS.CMS 是 Content Manager System 的 缩写 , 译 为 新 闻 发 布 系统 或 信息 发 布 系统 。 目 
前 ,许多 网 站 都 包含 新 闻 发 布 的 功能 。 
1.1.3 相关 知识 拓展 

网 站 类 型 的 划分 可 以 按照 不 同 的 方法 来 进行 .划分 标准 不 同 ,可 以 有 不 同 的 划分 结果 。 


我 们 可 以 按照 行业 分 ,按照 区 域 分 、 按 照 语言 分 按照 意识 分 ,还 可 以 按照 其 他 的 类 型 来 分 。 
网 站 的 划分 标准 和 对 应 的 划分 结果 不 需要 掌握 ,需要 知道 的 是 一 般 常见 的 网 站 类 型 都 有 


哪些 。 

下 面 给 出 的 划分 结果 没有 什么 权威 性 ,只 是 列 出 一 些 常 见 的 网 站 类 型 名 称 以 供 大 家 
参考 。 

1. 第 一 种 划分 结果 


第 一 种 划分 结果 为 : 企业 内 部 管理 网 站 宣传 网 站 ,实验 网 站 ,门户 网 站 ,交易 网 站 ( 例 
如 网 上 超市 ,网 上 专卖 店 ,游戏 网 站 提供 特殊 交易 的 网 站 )、. 中 介 网 站 (例如 网 上 商城 ,网 上 
拍卖 .网 上 提供 信息 服务 ) 行业 网 站 (例如 网 上 学 校 、 网 上 旅游 )、 电 子 政务 网 站 。 在 这 种 划 
分 结果 下 ,“ 新 闻 类 别 网 站 ”多 属于 上 述 网 站 中 的 一 个 版 块 。 


2. 第 二 种 划分 结果 


第 二 种 划分 结果 为 : 展示 型 网 站 、 内 容 型 网 站 、 电 子 商 务 型 网 站 、 门 户型 网 站 。 
- 展示 型 网 站 : 网 站 主要 以 展示 形象 为 主 ,艺术 设计 成 分 比较 高 .文字 内 容 不 多 ,多 见 
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于 从 事 美术 设计 的 工作 室 网 站 。 

”内 容 型 网 站 : 网 站 以 内 容 为 重点 ,用 内 容 吸 引 人 。 例 如 ,普通 的 公司 网 站 ,用 于 发 布 
公司 产品 、 公 司 动态 .招聘 信息 等 。 一 些 从 事 信息 服务 性 的 站 点 ,如 文学 站 、 下 载 站 、 
新 闻 站 等 。 这 类 站 点 的 设计 一 般 以 简洁 大 方 为 主 , 不 需要 太 多 太 花 哨 的 东西 转移 浏 
览 者 的 视线 。 

- 电子 商务 型 网 站 : 网 站 以 从 事 电子 商务 为 主 , 站 点 对 安全 性 和 稳定 性 要 求 很 高 。 这 
类 站 点 设计 一 般 要 求 简 洁 大 方 ,但 又 不 失 热 闹 ,能 聚集 人 气 , 网 站 颜色 多 用 蓝 色 等 能 
表现 信任 感 的 色彩 。 

”门户 型 网 站 : 这 类 站 点 类 似 内 容 型 网 站 ,但 又 不 同 于 内 容 型 网 站 。 门 户型 网 站 的 内 
容 特 别 丰富 ,内 容 比 较 综合 ;而 内 容 型 网 站 的 内 容 一 般 较 集中 于 某 一 专业 ,或 所 属 的 
领域 ,或 所 属 的 公司 ,或 工作 室 等 小 范围 的 内 容 。 另 外 门户 型 网 站 除了 表现 更 为 丰 
富 的 内 容 外 ,还 特别 注重 网 站 与 访问 者 之 间 的 交流 ,门户 型 网 站 会 提供 信息 的 发 布 
平台 及 与 用 户 的 交流 平台 

在 这 种 划分 结果 下 ， -新 闻 类 别 网 站 ” 应 属于 内 容 型 网 站 。 


3. 第 三 种 划分 结果 


第 三 种 划分 结果 为 : 单纯 广告 网 站 、 垃 圾 网 站 、 产 品 网 站 、 正 规 网 站 。 

”单纯 广告 网 站 : 就 是 纯粹 广告 代码 页 面 , 即 纯 广告 页 的 形式 。 这 种 网 站 处 在 最 基本 
的 网 页 阶段 ,网 站 的 特点 是 靠 宣传 流量 带 来 收入 。 这 是 最 常见 的 一 种 广告 形式 。 

， 垃 圾 网 站 : 垃圾 网 站 的 赢利 途径 是 靠 广告 联盟 的 广告 ,垃圾 网 站 通常 是 采取 一 些 比 
较 有 诱惑 力 的 图 片 或 者 文字 ,目的 是 吸引 住 一 些 自然 流量 或 者 是 利用 搜索 引擎 获得 
一 些 流 量 。 例 如 小 电影 站 ,以 及 一 些 美女 图 片 站 ,都 属于 垃圾 网 站 。 

”产品 网 站 : 这 类 网 站 一 般 都 不 带 有 各 类 广告 ,其 主要 的 赢利 模式 是 靠 销 售 产品 来 获 
得 利润 ,例如 企业 电子 商务 网 站 。 

”正规 网 站 : 正规 网 站 的 定位 具有 一 定 的 创新 性 和 独立 性 ,能 够 在 所 属 市 场 中 占领 一 
定 的 份额 ,或 者 是 目前 市 场 还 属于 空白 的 .或 者 是 处 于 绝对 的 垄断 状态 。 正 规 网 站 
建立 的 前 提 是 站 长 对 网 站 所 属 的 市 场 非常 了 解 ,这 类 网 站 一 般 都 是 靠 网 站 的 增值 服 
务 或 者 是 特殊 服务 来 赢利 的 。 

在 这 种 划分 结果 下 … 新 闻 类 别 网 站 ?属于 上 述 产品 网 站 和 正规 网 站 中 的 一 个 版 块 。 


4. 第 四 种 划分 结果 


第 四 种 划分 结果 为 : 信息 型 . 线 上 销售 型 线 下 销售 型 .提升 知名 度 型 .资源 型 等 。 
。 信息 型 : 提供 给 别人 尽 可 能 多 的 某 方面 的 信息 。 

。 线 上 销售 型 : 即 电 子 商务 类 。 

” 线 下 销售 型 : 网 站 用 来 提供 产品 的 信息 ,实际 产品 在 线 下 销售 。 

。 提升 知名 度 型 : 艺术 设计 成 分 比较 高 ,但 内 容 不 多 ,多 见于 从 事 美 术 设计 方面 的 工 
作 室 网 站 。 
”资源 型 : 提供 资源 让 别人 下 载 。 

还 有 媒体 型 教育 型 .娱乐 休闲 型 …… 
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了 小 思考 
在 这 种 划分 结果 下 ,“ 新 闻 类 别 网 站 ”属于 哪 种 类 型 呢 ? 


1.1.4 经 验 总 结 


在 网 站 需求 分 析 工 作 过 程 中 , 先 根据 对 网 站 相关 信息 的 基本 了 解 ,确定 网 站 属于 哪 种 类 
型 ,其 目的 是 为 了 确定 网 站 的 大 方向 ,也 就 是 确定 网 站 的 边界 , 即 哪些 内 容 属 于 网 站 ,哪些 内 
容 不 属于 网 站 。 

网 络 时 代 大 家 都 想 靠 做 网 站 获得 利润 , 那 做 什么 类 型 的 网 站 能 赚钱 呢 ? 大 家 可 能 会 发 
现 ,现在 网 络 上 赢利 的 网 站 类 型 主要 有 单纯 广告 网 站 、 企 业 的 产品 网 站 、 提 供 特 殊 服 务 的 网 
站 ,还 有 众人 比较 讨厌 的 垃圾 网 站 。 网 站 不 一 定 都 能 赢利 ,单纯 广告 网 站 一 天 也 有 收入 几 万 
元 的 ,但 也 有 建设 很 好 的 正规 网 站 一 直 处 于 亏损 状态 ;有 做 垃圾 网 站 发 财 的 ,但 也 有 做 产品 
网 站 赔本 的 。 按 照 市 场 需求 来 正确 定位 网 站 类 型 ,可 能 是 通 往 成 功 的 第 一 步 。 

注意 确定 网 站 所 面临 的 目标 访问 群 ,目标 访问 群 的 需求 与 定位 网 站 类 型 以 及 网 站 主题 、 
风格 等 都 有 直接 的 关系 。 


1.2 确定 网 站 主题 和 目标 


[4 知识 储备 

所 谓 主题 ,也 就 是 网 站 的 题材 。 网 络 上 的 网 站 题材 千奇百怪 ,琳琅 满目 ,只 要 想得到 ,就 
可 以 把 它 制作 出 来 。 下 面 列 出 美国 (个 人 计算 机 》(PC Magazine) 杂 志 评 出 的 某 年 度 排名 前 
100 位 的 全 美 知名 网 站 的 十 类 题材 ,具有 一 些 参 考 价值 。 

四 网 上 求职 ; 回 网 上 聊天 /即时 信息 /ICQ(I see you, 中 文 意 为 “我 在 找 你 ”, 俗 称 网 络 寻 
呼 机 ,实时 通信 软件 ); @ 网 上 社区 /讨论 /邮件 列表 ; 图 计算 机 技术 ; 回 网 页 /网 站 开发 ; 
ORRA; 四 旅行 ; 轿 参考 /资讯 ; 回 家庭 / 教 育 ; 四 生活 /时 尚 。 

这 十 个 大 类 都 可 以 继续 细 分 ,比如 第 六 类 娱乐 网 站 可 以 继续 细 分 为 体育 .电影 .音乐 类 ; 
音乐 类 还 可 以 按 格 式 分 为 MP3 类 、VQF 类 、Ra 类 ,也 可 以 按 表现 形式 分 为 古典 类 、 现 代 类 、 
摇滚 类 等 。 网 站 题材 除了 上 述 最 常见 的 主题 外 .还 有 许多 专业 的 、 另 类 的 、 独 特 的 主题 ,比如 
心理 咨询 数控 设备 ,天气 预 报 等 。 同 时 ,各 个 题材 相 联系 和 交叉 结合 又 可 以 产生 新 的 题材 ， 
例如 旅游 论坛 (旅游 十 讨论 ) 经典 足球 播放 (足球 十 影视 ) 等 。 


1.2.1 任务 描述 
确定 “新 闻 类 别 网 站 ”的 主题 和 目标 。 
1.2.2 任务 实现 


“新 闻 类 别 网 站 ”主要 用 于 新 闻 信 息 的 及 时 发 布 , 并 进行 新 闻 信息 的 综合 管理 ,网 站 的 主 
题 和 目标 定位 在 “红色 革命 "题材 方面 的 新 闻 。 
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1.2.3 相关 知识 拓展 


1. 选择 题材 


在 制作 网 站 之 前 ,必须 要 考虑 选择 什么 样 的 网 站 主题 。 对 于 题材 的 选择 ,建议 从 以 下 几 
方面 考虑 。 

CD 主题 要 小 而 精 。 主 题 小 而 精 是 指 网 站 主题 的 定位 要 小 、 要 精 。 如 果 想 制作 一 个 包 
罗 万 象 的 站 点 ,如 果 尝 试 着 把 所 有 精彩 的 东西 都 放 到 网 站 上 去 (但 这 确实 是 初学 者 喜欢 做 的 
,初学 者 对 于 喜欢 的 东西 总 是 不 舍得 删 掉 ) ,那么 往往 会 事与愿违 ,给 人 的 感觉 是 没有 主 
题 ,没有 特色 ,面面俱到 却 都 很 肤浅 。 一 般 的 网 站 制作 者 没有 也 不 可 能 有 足够 的 时 间 和 精力 
去 制作 一 个 这 样 的 站 点 。 作 者 在 教授 网 页 制作 的 过 程 中 ,一 眼 就 能 看 出 自己 的 学 生 是 不 是 
初学 网 站 制作 的 ,学 生 们 总 是 从 网 上 搜集 许多 喜欢 的 文字 、 图 片 、Flash 动画 、 视 频 等 ,然后 
不 加 区 分 地 堆积 在 一 起 ,整体 感觉 是 网 站 上 的 内 容 东 一 椰 头 西 一 棒子 。 一 定 切记 ,网 站 不 能 
没有 主题 ,没有 特色 ,不 能 好 像 什 么 都 有 却 都 很 肤浅 。 

网 络 的 最 大 特点 就 是 新 和 快 ,目前 最 热门 的 个 人 主页 都 是 天 天 更 新 ,甚至 几 小 时 更 新 一 
次 。 最 新 的 调查 结果 也 显示 ,网 络 上 的 “主题 站 ” 比 “ 万 全 站 ”更 受 人 们 喜爱 ,就 好 比 专卖 店 和 
百货 商店 ,如 果 需 要 买 某 方面 的 东西 ,多 会 选择 专卖 店 。 青 举 个 例子 ,作者 的 一 位 网 友和 希望 
制作 文学 方面 的 题材 ,但 是 文学 也 包括 多 方面 的 内 容 , 有 小 说 ,诗歌 .散文 ,有 科幻 .武侠 、 推 
理 , 作 者 在 仔细 了 解 了 网 友 的 擅长 和 想 要 提供 的 主要 内 容 之 后 ,将 题材 定位 在 新 兴 的 网 络 文 
学 上 ,删除 了 原 有 的 一 些 无 关 的 文学 作品 ,集中 扩大 和 整理 网 络 文学 作品 。 网 站 推出 后 ,很 
快 受到 众 网 友 的 喜爱 。 

网 站 主题 小 并 不 等 价 于 网 站 内 容 少 ,网 站 甚至 可 以 只 有 一 个 方面 的 内 容 , 但 这 一 方面 的 
内 容 一 定 要 比较 全 。 

(2) 题材 最 好 是 自己 擅长 或 者 喜爱 的 内 容 。 在 网 站 内 容 的 设计 上 可 以 从 自己 的 专业 或 
兴趣 爱好 方面 多 做 考虑 ,比如 : 若 擅 长 编程 ,就 可 以 建立 一 个 编程 爱好 者 网 站 ; 若 对 足球 感 
兴趣 ,就 可 以 报道 最 新 的 战况 、 球 星 动 态 ; 若 在 流行 音乐 .数控 、 书 法 ,绘画 等 某 方面 有 独到 的 
功夫 ,就 可 以 将 此 专题 作为 网 站 内 容 , 这 样 在 制作 时 , 才 不 会 觉得 无 聊 或 者 力不从心 。 一 定 
要 记 住 兴 趣 是 制作 网 站 的 动力 ,没有 热情 .很 难 设计 制作 出 杰出 的 作品 。 


2. 确定 网 站 目标 


在 确定 了 网 站 的 主题 之 后 ,就 必须 要 考虑 网 站 的 目标 了 。 作 为 网 站 的 设计 者 , 若 在 设计 
网 站 时 不 清楚 让 浏览 者 浏览 网 站 时 做 什么 .那么 当 浏览 者 实际 浏览 网 站 时 ,也 自然 不 知道 要 
干什么 。 网 站 目标 的 确定 建议 从 以 下 几 方 面 考虑 。 

(1) 网 站 目标 不 要 太 高 。“ 目 标 太 高 "是 指 在 这 一 题材 上 已 经 有 非常 优秀 、 知 名 度 很 高 
的 站 点 ,不 要 把 网 站 目标 定位 于 超过 这 样 的 站 点 ,因为 超过 是 很 困难 的 。 除 非 能 下 决心 和 有 
实力 竞争 并 超过 它 。 但 同时 要 记 住 ,在 互联 网 上 只 有 第 一 ,人 们 往往 只 记得 最 好 的 网 站 ,第 
二 名 ,第 三 名 的 印象 则 会 浅 得 多 。 

(2) 想 知 道 网 站 目标 的 人 可 能 有 不 同 的 角色 .如 网 站 的 客户 、 网 站 的 老板 和 站 长 等 。 给 
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站 长 看 的 网 站 目标 一 定 要 非常 明确 ,尽管 有 时 候 想 非常 明确 地 定义 网 站 目标 不 是 很 容易 的 
事 。 网 站 目标 不 能 简单 写成 :“ 最 大 限度 方便 客户 ”或 者 “给 客户 提供 最 大 价值 ”之 类 ,这 是 
写 给 客户 看 的 ;也 不 能 写成 :“ 促 进 公司 销售 增长 10%” 或 者 “ 极 大 地 提高 企业 知名 度 ”, 这 是 
写 给 老板 看 的 。 上 述 的 网 站 目标 描述 太 宽泛 ,对 于 站 长 来 说 无 法 指导 网 站 的 开发 过 程 。 要 
是 认为 网 站 目标 就 是 赚钱 , 那 可 能 会 导致 无 法 开始 进行 网 站 的 开发 。 

(3) 应 注意 网 站 目标 不 能 包括 很 多 要 求 , 否 则 在 设计 网 站 时 ,各 个 要 求 可 能 会 产生 冲 
R ,使 得 在 实现 时 难以 抉择 ,也 会 使 得 浏览 者 不 能 很 好 地 在 网 站 里 按 站 长 的 想法 进行 操作 ， 
从 而 难以 达到 预定 的 网 站 目标 。 单 一 目标 最 有 利于 网 站 实现 并 且 最 有 利于 达到 建站 的 最 终 
目标 ,即使 难以 将 网 站 目标 描述 成 一 个 单一 目标 ,也 建议 大 家 最 多 为 单一 目标 增加 一 个 辅助 
目标 ,但 千 万 不 要 面面俱到 。 

定位 网 站 主题 和 目标 是 设计 网 站 的 第 一 步 , 也 是 很 重要 的 一 部 分 。 如 果 能 找到 一 个 合 
适 的 主题 和 目标 ,多 花 一 些 时 间 做 这 件 事 是 值得 的 。 

(4) 不 同 的 网 站 目标 ,在 进行 网 站 设计 ,内 容 写作 、 实 现 流 程 安排 上 都 需要 有 不 同 的 
处 理 。 

如 果 网 站 是 依靠 广告 来 赢利 ,不 同 的 广告 方式 会 形成 不 同 的 网 站 目标 ;如 果 网 站 是 按 单 
击 量 收费 ,那么 网 站 目标 就 是 让 浏览 者 来 到 网 站 后 尽快 单 击 广告 ,然后 离开 ;如 果 广 告 是 按 
显示 次 数 收费 ,策略 就 正 相反 ,浏览 者 在 网 站 上 停留 时 间 越 长 越 好 ,看 网 站 上 不 同 的 网 页 越 
多 越 好 。 

如 果 网 站 是 按 行动 收费 ,或 参加 网 站 联盟 ,表面 看 起 来 要 做 的 也 是 让 浏览 者 尽快 单 击 链 
接 , 然 后 离开 。 但 其 实 不 然 ,网 站 必须 尽 一 切 努 力 , 让 浏览 者 还 没有 离开 网 站 时 ,就 已 经 决定 
要 买 网 站 推荐 的 产品 了 。 这 种 情况 下 ,网 站 就 要 有 一 些 产品 推荐 ,产品 使 用 经 验 等 文字 ,而 
不 仅仅 是 放 一 个 旗帜 广告 或 链接 那么 简单 。 

(5) 网 站 目标 必须 是 明确 而 单纯 的 ,或 者 尽 可 能 让 浏览 者 在 网 站 内 逗留 ,或 者 尽快 离 
开 , 或 者 留 下 电子 邮件 地 址 ,或 者 让 浏览 者 尽快 打 电 话 给 网 站 服务 人 员 ,或 者 下 载 试用 软件 。 

总 之 ,不 同 的 网 站 赢利 模式 会 产生 不 同 的 网 站 目标 ,网 站 目标 又 反 过 来 指导 网 站 设计 。 


1.2.4 经 验 总 结 


1. 网 站 主题 要 与 网 站 内 容 相符 


对 于 个 人 网 站 ,必须 要 找 准 一 个 自己 最 感 兴趣 的 内 容 来 做 深 、 做 透 ,办 出 自己 的 特色 ,这 
样 才 能 给 网 站 浏览 者 留 下 深刻 的 印象 。 网 站 的 主题 无 定 则 ,只 要 是 感 兴趣 的 ,任何 内 容 都 可 
以 ,但 主题 一 定 要 鲜明 ,在 主题 范围 内 可 将 网 站 内 容 做 得 大 而 全 、 精 而 深 。 


2. 网 站 起 名 要 遵循 的 原则 


许多 人 可 能 认为 网 站 名 称 与 网 站 设计 无 关 , 其 实 网 站 名 称 也 是 网 站 设计 的 一 部 分 ,而 且 
是 很 关键 的 一 个 要 素 。 和 现实 生活 中 一 样 ,网 站 名 称 是 否 正气 、 响 亮 、 易 记 , 对 网 站 的 形象 和 
宣传 推广 也 有 很 大 影响 。 下 面 是 一 些 建议 (资料 来 源 ; http://www. pconline. com. cn/ 
pcedu/sj/wz/other/0404/363725. html) : 
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CD 名 称 要 正 。 名 称 要 合法 、 合 情 、 合 理 。 不 能 用 反动 的 色情 的 .迷信 的 、 和 危害 社会 安 
AAT. 

(2) 名 称 要 易 记 。 根 据 中 文 网 站 浏览 者 的 特点 ,除非 有 特定 需要 ,网 站 名 称 最 好 用 中 文 
名 称 , 不 要 使 用 英文 或 者 中 英文 混合 型 名 称 。 网 站 名 称 的 字数 应 该 控制 在 六 个 字 ( 最 好 四 个 
字 ) 以 内 (网 站 名 称 字 数 少 还 有 个 好 处 ,一 般 友 情 链 接 的 小 Logo 尺寸 是 88 X 31( 单 位 为 
pixels, 即 像素 ) ,而 六 个 字 的 宽度 是 78pixels 左右 ,适合 于 其 他 站 点 的 链接 排版 ) 。 

(3) 名 称 要 有 特色 。 名 称 朴 实 就 可 以 接受 ,如 果 能 体现 一 定 的 内 涵 , 给 浏览 者 更 多 的 视 
觉 冲 击 和 空间 想象 力 , 则 为 上 品 。 网 站 名 称 在 体现 出 网 站 主题 的 同时 ,最 好 能 点 出 其 特色 
zb. 


1.3 确定 网 站 的 CI 形象 


% 知识 储备 

网 站 树立 CI 形象 的 关键 是 做 好 网 站 标志 、 色 彩 、 字 体 、 标 语 这 四 个 方面 的 工作 。 

1. 设计 网 站 的 标志 

需要 为 网 站 设计 制作 一 个 网 站 标志 (Logo)。 如 同 商标 一 样 ,Logo 是 站 点 特色 和 内 涵 
的 集中 体现 ,看 见 Logo 就 让 大 家 想到 是 哪个 站 点 的 标志 。 注 意 ; 这 里 的 Logo 不 是 指 88X 
31 的 小 图 标 banner, 而 是 网 站 的 标志 。 

标志 可 以 是 中 文 、 英 文字 母 ,可 以 是 符号 ,图 案 , 也 可 以 是 动物 或 者 人 物 等 。 例 如 : 
www. google. cn 是 用 google(Google ) 的 英文 作为 标志 ,www. sina. com 用 字母 sina 十 眼睛 
(每 s) 作 为 标志 。 

标志 的 设计 创意 来 自 网 站 的 名 称 和 内 容 。 例 如 : 车 网 站 有 代表 性 的 人 物 、 动 物 、 花 草 ， 
可 以 用 这 些 作为 设计 的 蓝本 ,加 以 卡通 化 和 艺术 化 ,百度 的 百度 能 (器 )、 搜 狐 的 卡通 狐狸 
Cw) 土豆 网 的 笑脸 (GD) 都 是 这 样 的 范例 。 

若 网 站 是 专业 性 的 ,可 以 用 本 专业 有 代表 性 的 物品 作为 标志 。 比 如 中 国 银行 的 铜板 标 
志 ( 图 ) ,奔驰 汽车 的 方向 盘 标志 ( 国 )。 

用 网 站 的 英文 名 称 做 网 站 的 标志 是 最 常用 和 最 简单 的 网 站 标志 设计 方法 ,对 英文 名 称 
采用 不 同 的 字体 来 表现 ,或 者 对 字母 进行 变形 ,都 可 以 较 容易 地 制作 好 网 站 的 标志 。 

2. 设计 网 站 的 标准 色彩 

网 站 给 人 的 第 一 印象 来 自视 觉 冲击 ,确定 网 站 的 标准 色彩 是 相当 重要 的 一 步 。 不 同 的 
色彩 搭配 产生 不 同 的 视觉 效果 ,并 可 能 影响 到 访问 者 的 情绪 。 

“标准 色彩 ”是 指 能 体现 网 站 形象 和 延伸 内 涵 的 色彩 。 例 如 : IBM 的 深蓝 色 , 肯 德 基 的 
红色 条 型 ,Windows 视窗 标志 上 的 红 蓝 黄 绿 色 块 ,都 使 人 觉得 很 贴切 ,很 和 谐 。 

一 个 网 站 的 标准 色彩 一 般 不 超过 3 种 , 太 多 则 让 人 眼花 缚 乱 。 标 准 色 彩 要 用 于 网 站 的 
标志 、 标 题 、 主 菜单 和 主 色 块 ,给 人 以 整体 统一 的 感觉 。 除 了 标准 色 , 其 他 色彩 也 可 以 使 用 ， 
但 建议 只 将 其 他 色 作 为 点 缓和 衬托 ,不 要 喧 宾 夺 主 。 

适合 于 网 页 标准 色 的 颜色 主要 有 蓝 色 、 黄 /橙色 、 黑 / 灰 / 和 白色 三 大 系列 色 。 
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3. 设计 网 站 的 标准 字体 

和 标准 色彩 一 样 ,标准 字体 是 指 用 于 标志 、 标 题 主 菜单 的 特有 字体 。 一 般 情 况 下 网 页 
默认 的 字体 是 宋体 。 为 了 体现 站 点 的 “与 众 不 同 ” 和 特有 风格 ,可 以 根据 需要 选择 一 些 特别 
字体 。 例 如 ,为 了 体现 专业 可 以 使 用 粗 仿 宋体 ,体现 设计 精美 可 以 用 广告 体 ,体现 亲切 随意 
可 以 用 手写 体 等 。 要 根据 网 站 所 表达 的 内 涵 , 选 择 更 贴切 的 字体 。 使 用 字体 时 ,可 以 从 目前 
常见 的 中 文字 体 和 英文 字体 中 进行 选择 ,常见 的 中 文字 体 有 二 三 十 种 之 多 ,常见 的 英文 字体 
更 是 有 近 百 种 之 多 ,还 可 以 从 网 络 上 下 载 专用 英文 艺术 字体 。 总 之 ,字体 是 很 多 的 ,关键 是 
选择 合适 的 、 满 意 的 字体 。 

4. 设计 网 站 的 宣传 标语 

网 站 的 宣传 标语 是 对 网 站 精神 、 网 站 目标 的 高 度 概括 和 宣传 。 


1.3.1 任务 描述 
确定 “新 闻 类 别 网 站 ”的 整体 形象 (CI 形象 ) 。 
1.3.2 任务 实现 


“新 闻 类 别 网 站 ”是 以 “红色 革命 ”为 题材 的 .所 以 网 站 的 整体 形象 以 红色 为 主 色调 , 配 以 
灰色 和 白色 ,Logo 直接 以 “红色 新 闻 网 "体现 ,具体 设计 可 自主 处 理 ,整个 站 点 的 字体 采用 


verdana arial, helvetica , sans-serif 字符 集 。 
1.3.3 相关 知识 拓展 


网 站 的 CI, 是 借用 的 广告 术语 。CI 是 英文 Corporate Identity( 企 业 视觉 形象 识别 ) 的 
缩写 ,意思 是 采取 各 种 措施 塑造 企业 形象 的 过 程 ,通过 视觉 来 统一 企业 的 形象 。 现 实生 活 中 
的 CI 策划 比比 丝 是 ,例如 可 口 可 乐 公司 ,设计 有 全 球 统一 的 标志 、 色 彩 和 产品 包装 ,给 人 们 
的 印象 极为 深刻 。 

一 个 杰出 的 网 站 , 像 实 体 公司 一 样 ,也 需要 整体 的 形象 包装 和 设计 。 既 准确 又 有 创意 的 
CI 设计 ,对 网 站 的 宣传 推广 有 事半功倍 的 效果 。 在 网 站 主题 和 名 称 定 下 来 之 后 ,需要 思考 
的 就 是 网 站 的 CI 形象 。 

许多 人 自己 不 是 学 广告 专业 的 ,觉得 网 站 的 CI 做 起 来 可 能 太 难 。 如 果 是 为 已 有 的 企业 
产品 做 网 站 ,网 站 的 CI 要 与 企业 的 产品 形象 一 致 。 如 果 没 有 现成 的 企业 形象 ,CI 还 是 需要 
网 站 设计 者 来 做 。 但 大 多 数 网 页 设计 师 都 没有 系统 地 学 过 广告 设计 ,所 以 最 好 参考 一 些 其 
他 网 站 的 具体 做 法 ,加 上 自己 的 个 人 经 验 . 再 确定 自己 网 站 的 CI。 


1.3.4 经 验 总 结 


一 个 优秀 网 站 都 有 自己 的 个 性 和 文化 .而且 会 从 一 开始 就 千方百计 去 体现 它 , 树 立 起 属 
于 自己 的 风格 。 
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在 浏览 网 站 时 ,站 点 的 整体 形象 给 浏览 者 的 综合 感受 属于 网 站 风格 的 展现 。 网 站 的 整 
体形 象 受 站 点 的 CI( 标 志 、 色 彩 、 字 体 、 标 语 ) .版 面 布局 .浏览 方式 、 交 互 性 文字 ,语气 、 内 容 
价值 .存在 意义 .站 点 荣誉 等 诸多 因素 的 影响 。 

网 站 的 风格 可 以 在 色彩 、 技 术 上 着 重 体现 ,以 使 浏览 者 只 看 到 网 站 的 一 部 分 ,就 能 明确 
分 辨 出 这 是 哪个 网 站 。 网 站 风格 还 可 以 通过 网 站 的 外 表 、 内 容 、 方 字 和 交流 方式 体现 出 站 点 
的 个 性 与 情绪 ,是 温文 尔 雅 的 还 是 执著 热情 的 ,是 活泼 易 变 的 还 是 放任 不 晓 的 。 

做 网 站 时 ,不 要 将 网 站 建成 一 个 堆砌 在 一 起 的 信息 的 集合 。 向 别人 描述 网 站 时 ,不 能 只 
用 专业 的 词语 来 描述 ,诸如 信息 量 、 浏 览 速度 之 类 。 好 的 网 站 在 浏览 过 一 次 后 就 能 让 人 “过 
目 不 忘 ”, 下 次 还 来 。 

所 以 ,要 让 网 站 “与 众 不 同 ”。 

在 网 站 字体 方面 需要 注意 的 是 : 使 用 非 默 认 字 体 时 只 能 用 图 片 的 形式 ,因为 很 可 能 浏 
览 者 的 计算 机 里 没有 安装 这 种 特别 字体 ,如 果真 是 如 此 ,那么 为 网 站 辛苦 设计 制作 的 效果 便 
付 之 东 流 了 。 
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有 许多 专业 Logo 设计 网 站 提供 了 Logo 的 设计 与 制作 服务 ,从 这 些 网 站 上 可 以 学 到 和 
Logo 制作 有 关 的 知识 ,也 可 以 欣赏 到 许多 优秀 的 Logo, 建 议 去 这 些 网 站 看 看 。 


1.4 确定 网 站 的 功能 和 性 能 


% 知识 储备 

网 站 功能 需求 定义 ,是 指明 确 网 站 必须 具有 什么 功能 才能 达到 网 站 的 目标 ? 这 个 目标 
必须 让 所 有 的 网 站 开发 参与 者 做 到 心中 有 数 。 

网 站 性 能 需求 定义 ,是 指 网 站 运行 的 稳定 性 、 页 面 下 载 速度 的 快慢 、 界 面 是 否 友好 ,运行 
时 间 能 不 能 满足 需要 、 安 全 性 能 不 能 得 到 保证 等 因素 。 

具体 地 说 ,确定 网 站 的 功能 和 性 能 可 以 遵循 下 面 的 简单 步骤 来 进行 : 

(1) 与 网 站 未 来 的 主要 使 用 者 沟通 ,确定 网 站 的 功能 ,并 列 出 所 确定 的 网 站 功能 的 具体 
描述 。 

(2) 确定 网 站 的 性 能 需求 ,并 列 出 所 确定 的 网 站 性 能 的 具体 描述 。 

(3) 列 出 网 站 的 其 他 需求 描述 。 


1.4.1 任务 描述 

完成 “新 闻 类 别 网 站 ”的 功能 需求 定义 和 性 能 需求 定义 。 
1.4.2 任务 实现 

具体 操作 步骤 如 下 : 


(1)“ 新 闻 类 别 网 站 ?的 功能 需求 
“新 闻 类 别 网 站 ”的 系统 功能 模块 设置 如 表 1-1 所 示 。 
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表 1-1 系统 模块 设置 


编号 模块 名 称 简要 描述 

1 “| 用 户 管理 模块 网 站 用 户 注册 、 登 录 ,修改 个 人 资料 

2 | 栏目 模块 前 台 分 类 列表 显示 栏目 ,后 台 可 以 增加 、 删 除 、 修 改 栏目 信息 

3 | 专题 模块 前 台 分 类 列表 显示 专题 ,后 台 可 以 增加 、 删 除 、 修 改 专 题 信息 

4 “| 新 闻 模块 前 台 显 示 新 闻 , 后 台 可 以 增加 、 删 除 .修改 新 闻 信息 

5 | 友情 链接 模块 前 台 分 类 显示 链接 对 象 ,后 台 对 友情 链接 进行 增加 、 删 除 、 修 改 操作 
6 | 系统 日 志 管 理 模块 | 系统 自动 记录 网 站 操作 日 志 , 后 台 可 以 查看 

7 | 系统 配置 管理 记录 系统 的 一 些 配置 信息 及 网 站 数据 统计 结果 ,网 站 可 以 显示 这 些 信息 
各 模块 详细 功能 列表 如 表 1-2 所 示 。 


表 1-2 各 模块 详细 功能 列表 


编号 | 功能 名 称 |a 功能 描述 输入 内 容 输出 内 容 
保证 网 站 的 合法 用 户 通 过 | or a 
Limes | or | 保 汪 网 站 的 合法 用 六 通过 用户 名 密码 ,验证 码 | nra 
E n zh EK 
almum | oí  Hütokan dca os mea am n, | E A RU 
; 本 网 站 的 正式 用 户 E-mail 电话 等 信息 | ane in AREE 
| 修改 个 人 网 站 用 户 修改 个 人 注册 提示 修改 的 结果 修改 
1.3 | 信息 1 | 信息 修改 的 信息 成 功 ”或 者 "修改 失败 ”) 
超级 管理 员 管理 员 登 录 | m i 
1.4 peer |i: ZRA 管理 员 名 ,密码 提示 后 台 登 录 是 否 成 功 
2.1 | 添加 栏目 | 2 | 管理 员 添加 栏目 栏目 相关 信息 栏目 列表 
2.2 | 编辑 栏目 | 2 | 管理 员 修改 栏目 信息 。 “| 栏目 相关 信息 提示 是 否 编辑 成 功 
23 | 删除 栏目 | 2 | 管理 员 删除 栏目 选择 欲 删除 的 栏目 ij uS 
xi | 添加 专题 “| s | 管理 员 添加 专题 专题 相关 信息 专题 列表 
3.2 | 编辑 专题 “| 3 | 管理 员 修改 专题 信息 | 专题 相关 信息 提示 是 否 编辑 成 功 
33 | 删除 专题 “| 3 | 管理 员 删 除 专题 选择 欲 删除 的 专题 pate a 
4.1 | 添加 新 闻 | 4 | 管理 员 添加 新 闻 新 闻 相 关 信息 新 闻 列表 
4.2 | 编辑 新 闻 | 4 | 管理 员 修改 新 闻 信息 — | 新 闻 相关 信息 提示 是 否 编辑 成 功 
4.3 | 删除 新 闻 “| 4 | 管理 员 删除 新 闻 选择 欲 删除 的 新 闻 人 
用 户 可 以 浏览 任意 一 个 栏 本 所 选 新 闻 的 内 容 及 相关 
人 4 | 浏览 新 闻 | 4 RIAM EE 单 击 任 一 条 新 闻 | ENS 
5.1 oiii 5 I tm 友情 链接 相关 信息 | 友情 链接 列表 
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续 表 
z [m à m 并 
编号 | mis Ts 功能 描述 输入 内 容 输出 内 容 
5.2 E T 5 i 友情 链接 相关 信息 | 提示 是 否 编辑 成 功 
T 删除 友情 管理 员 删 除 友情 链接 相关 | SE PE GC BE OS Ac E | 一 
gelan M bein 2 提示 删除 成 功 还 是 失败 
记录 日 志 系统 自动 添加 日 志 操作 相 
6.1 操作 6 关 信息 日 志 操作 列表 
6.2 | 查看 日 志 | 6 | 管理 员 查 看 日 志 操作 相关 | 单 击 任 一 条 日 志 记 录 | 所 选 日 志 的 内 容 
记录 信息 
记录 系统 本 a EE 
RAN 管理 员 记录 系统 配置 信息 | 系统 配置 信息 及 统计 "We 
7.1 Ic 7 及 统计 相关 信息 mk 配置 信息 及 统计 结果 
7 2 ARUS |, | 管理 员 查看 日 志 操 作 相 关 GRGERGER E E | orn ces 
记录 信息 记录 
(2)“ 新 闻 类 别 网 站 ”的 性 能 需求 
CD 时 间 需 求 


查询 新 闻 的 最 长 等 待 时 间 不 超过 5 秒 ; 更 新 信息 的 时 间 不 超过 3 秒 ; 数 据 上 传 和 下 载 的 
时 间 不 超过 10 秒 。 

@ 空间 需求 

网 站 的 硬盘 空间 预计 为 1GB, 内 存 空 间 预计 为 512MB. 

@ 其 他 需求 

支持 的 终端 数 : — —1000, 

(3)“ 新 闻 类 别 网 站 ”的 其 他 需求 

(D 界面 需求 

“新 闻 类 别 网 站 ”的 界面 遵循 方便 简洁、 美观 .大方 及 用 户 操作 性 强 的 宗旨 。 

Q 安全 性 

网 站 浏览 者 只 具有 浏览 新 闻 的 功能 ,没有 修改 、 删 除 新 闻 信息 的 权限 ;栏目 .专题 ,友情 
链接 只 有 管理 员 登 录 后 台 系 统 后 才能 实现 管理 ;超级 管理 员 对 网 站 的 操作 者 和 访问 者 进行 
身份 的 验证 和 管理 ;任何 等 级 的 访问 者 登录 时 需要 填写 正确 的 验证 码 。 

@ 可 靠 性 

设计 过 程 充分 考虑 恶意 代码 等 非法 入 侵 行为 ,尽量 使 网 站 安全 可 靠 地 运行 。 


1.4.3 相关 知识 拓展 


需求 分 析 是 对 网 站 的 管理 者 ,操作 者 和 访问 者 进行 访问 调查 ,确定 他 们 对 目标 网 站 的 要 
求 , 这 个 过 程 看 似 简单 ,实则 很 难 , 而 且 在 整个 网 站 开发 过 程 中 相当 重要 。 

实际 工作 中 ,网 站 操作 者 对 网 站 的 需求 在 整个 开发 过 程 中 一 成 不 变 的 很 少 。 一 般 而 言 ， 
由 于 他 们 对 未 知 网 站 系统 的 模糊 认识 以 及 对 业务 流程 表达 得 不 规范 ,不 清楚 、 不 明确 等 问题 
的 存在 ,网 站 开发 人 员 很 难 从 网 站 使 用 者 那里 得 到 他 们 对 网 站 的 准确 完整 的 需求 描述 。 


amy 
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1.4.4 经 验 总 结 


现 如 今 的 网 站 尤其 是 企业 网 站 ,其 功能 可 能 很 复杂 ,在 动手 进行 网 站 的 代码 编写 之 前 ， 
一 定 要 和 弄 清楚 网 站 最 主要 的 功能 需求 和 性 能 需求 。 即 使 是 一 个 人 开发 网 站 ,也 至 少 需 要 网 
站 未 来 的 主要 浏览 者 参与 。 除 非 是 根据 自己 的 需求 给 自己 开发 网 站 ,这 有 可 能 是 开发 者 一 
个 人 单干 。 请 记 住 网 站 开发 一 定 要 考虑 网 站 浏览 者 的 需求 。 有 许多 专门 开发 网 站 的 公司 ， 
常 是 一 个 网 站 开发 的 团队 ,此 时 在 团队 动手 做 网 页 之 前 一 定 要 先 让 团队 的 全 体 成 员 搞 清楚 
网 站 要 完成 的 任务 是 什么 ,这 个 任务 简单 地 讲 就 是 网 站 的 功能 描述 和 性 能 描述 。 

在 任何 一 个 软件 的 开发 中 ,软件 的 功能 定义 都 是 其 中 最 难 的 。 虽 然 有 许多 的 开发 模型 
可 以 规范 软件 开发 过 程 , 但 开发 的 产品 却 不 一 定 很 好 。 要 记 住 在 得 到 网 站 的 功能 框架 之 前 ， 
要 用 心地 和 网 站 的 未 来 访问 者 进行 沟通 。 


1.5 确定 网 站 结构 
1.5.1 任务 描述 
完成 “新 闻 类 别 网 站 ”的 网 站 结构 定义 。 网 站 结构 主要 指 网 站 的 目录 结构 和 链接 结构 。 
1.5.2 任务 实现 


完成 “新 闻 类 别 网 站 ”的 网 站 结构 定义 工作 包括 


两 个 任务 ， geo ent 
任务 1 确定 网 站 的 目录 结构 Q Inges 
任务 2 确定 网 站 的 链接 结构 2g js dme 
任务 1: 确定 网 站 的 目录 结构 B.C) Rea 
“新 闻 类 别 网 站 ”的 目录 结构 如 图 1-1 所 示 。 © Images 
任务 2: 确定 网 站 的 链接 结构 
“新 闻 类 别 网 站 ”的 链接 结构 如 图 1-2 所 示 。 图 1-1 “新 闻 类 别 网 站 "的 目录 结构 图 
m fl ~ 


Ge) = Ge) 一 (rami) 
Z N Z N Z N 


(wamm) | 内 容 页 面 ]| wamm) (vies) Lies |. | 内 容 责 面 | 


图 1-2 “新 闻 类 别 网 站 ”的 链接 结构 图 
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1.5.3 相关 知识 拓展 


1. 网 站 的 目录 结构 


网 站 的 目录 是 指 建立 网 站 时 创建 的 文件 存 取 目录 。 网 站 目录 结构 是 一 个 容易 被 忽略 的 
问题 ,为 数 不 少 的 站 长 也 会 不 经 规划 ,随意 创建 子 目录 。 目 录 结 构 的 好 坏 , 对 网 站 浏览 者 来 
说 并 不 重要 ,但 是 对 于 站 点 本 身 的 上 传 工作 与 运行 中 的 维护 工作 、 网 站 未 来 的 内 容 扩 充 和 网 
站 移植 都 有 着 重要 的 影响 。 


2. 网 站 的 链接 结构 


网 站 的 链接 结构 是 指 页 面 之 间 相 互 链接 的 拓扑 结构 。 它 建立 在 目录 结构 基础 之 上 ,但 
可 以 跨越 目录 。 形 象 地 说 ,每 个 页 面 都 是 一 个 固定 点 ,链接 则 是 在 两 个 固定 点 之 间 的 连 线 。 
一 个 点 可 以 和 一 个 点 连接 ,也 可 以 和 多 个 点 连接 。 更 重要 的 是 ,这 些 点 并 不 是 分 布 在 一 个 平 
面 上 ,而 是 存在 于 一 个 立体 的 空间 中 。 

关于 链接 结构 的 设计 ,在 实际 的 网 页 制作 中 是 非常 重要 的 一 环 。 采 用 什么 样 的 链接 结 
构 直接 影响 到 网 站 版 面 的 布局 。 例 如 主 菜单 放 在 什么 位 置 , 是 否 每 页 都 需要 放置 ,是 否 需要 
用 分 帧 框架 ,是 否 需要 加 入 返回 首页 的 链接 。 在 链接 结构 确定 后 ,再 开始 考虑 链接 的 效果 和 
形式 ,是 采用 下 拉 表 单 . 还 是 用 DHTML 动态 菜单 等 。 

随 着 电子 商务 的 推广 ,网 站 之 间 的 竞争 越 来 越 激烈 ,对 链接 结构 设计 的 要 求 已 经 不 仅仅 
局 限于 可 以 方便 快速 地 浏览 网 页 ,而 且 更 加 注重 链接 的 个 性 化 和 相关 性 。 各 大 网 站 在 显示 
某 一 主题 的 网 页 时 ,都 会 在 页 面 周围 添加 与 这 一 主题 相关 的 链接 ,合理 地 利用 这 种 网 页 链接 
方式 能 更 有 效 .更 持久 有 更 多 机 会 留 住 访问 者 的 眼球 。 


1.5.4 经 验 总 结 


1. 关于 建立 目录 结构 的 一 些 建议 


CD 不 要 将 所 有 文件 都 存放 在 根 目录 下 。 往 往 初学 者 为 了 方便 ,会 将 网 站 的 所 有 文件 
都 放 在 根 目录 下 ,这 样 做 会 造成 文件 管理 混乱 和 上 传 速度 慢 等 缺点 。 

(2) 按 栏目 内 容 建 立 子 目录 。 子 目录 的 建立 ,推荐 按 主 菜单 栏目 建立 。 对 于 网 站 的 次 
要 栏目 ,类 似 友情 链接 等 内 容 或 者 需要 经 常 更 新 的 栏目 .可 以 建立 独立 的 子 目录 ;而 不 需要 
经 常 更 新 的 栏目 ,可 以 合并 放 在 一 个 统一 目录 下 。 网 站 的 程序 一 般 存放 在 特定 目录 下 ,以便 
于 维护 管理 。 网 站 提供 的 下 载 内 容 也 可 以 放 在 一 个 目录 下 。 

G) 在 每 个 主 目录 下 都 建立 独立 的 images 目录 。 通 常 .网 页 制作 工具 软件 会 在 每 个 站 
点 根 目录 下 建立 一 个 images 目录 。 作 者 在 刚 开始 学 习 网 页 制作 时 ,习惯 将 所 有 图 片 都 存放 
在 这 个 默认 目录 里 。 可 是 后 来 发 现 这 样 做 并 不 方便 , 当 需 要 将 某 个 主 栏目 打包 供 浏览 者 下 
载 时 ,或 者 将 某 个 栏目 删除 时 ,与 这 个 栏目 有 关 的 图 片 管理 就 变 得 相当 麻烦 。 经 过 实践 发 
现 , 为 每 个 主 栏目 建立 一 个 独立 的 images 目录 是 最 方便 管理 的 。 而 根 目录 下 的 images H 


ey 
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录 可 以 用 来 放 首页 和 一 些 次 要 栏目 的 图 片 。 
(4) 目录 的 层次 不 要 太 多 。 目 录 的 层次 建议 不 要 超过 3 层 ,这 样 维护 管理 比较 方便 。 
(5) 不 要 使 用 中 文 目 录 。 网 络 无 国界 ,使 用 中 文 目 录 可 能 对 网 址 的 正确 显示 造成 
困难 。 
C6) 不 要 使 用 过 长 的 目录 。 尽 管 服务 器 支持 长 文件 名 ,但 是 太 长 的 目录 名 不 便于 记忆 。 
CD 尽量 使 用 意义 明确 的 目录 。 可 以 用 Flash, DHTML, JavaScript, Images 来 建立 目 
录 ,不 要 使 用 过 于 简单 .不明 其 意 的 名 称 建立 目录 。 


2. 网 站 的 链接 结构 


尽量 使 用 最 少 的 链接 ,达到 最 有 效率 的 浏览 。 一 般 而 言 ,建立 网 站 的 链接 结构 有 两 种 基 
本 方式 。 

A) 树 状 链接 结构 (一 对 一 ) 

如 图 1-3 所 示 , 状 似 企 业 的 组 织 机 构图 。 网 站 首页 指向 一 级 页 面 , 一 级 页 面 指向 二 级 页 
面 ,以 次 类 推 。 按 照 这 样 的 链接 结构 浏览 网 页 时 ,访问 者 从 首页 一 级 级 进入 下 级 网 页 , 青 从 
下 级 网 页 一 级 级 退出 直至 主页 。 这 种 链接 结构 的 优点 是 条 理 清 晰 ,访问 者 能 够 明确 地 知道 
自己 处 于 网 站 的 什么 位 置 , 不 会 “迷失 ”于 网 站 中 ;缺点 是 浏览 效率 低 , 比 如 从 图 1-3 的 二 
页 面 A 到 二 级 页 面 B, 必 须 绕 经 网 站 首页 。 
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一 级 页 面 一 级 页 面 一 级 页 面 
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图 1-3 树 状 链接 结构 图 
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(2) 星 状 链接 结构 (一 对 多 ) 

每 个 页 面相 互 之 间 都 有 链接 ,这 种 链接 结构 的 优点 是 浏览 方便 ,随时 可 以 到 达 自 己 
喜欢 的 页 面 ;缺点 是 链接 太 多 ,容易 使 访问 者 迷路 , 搞 不 清 自 己 处 于 网 站 的 什么 位 置 .已 
经 看 了 多 少 内 容 等 。 星 状 链接 结构 简单 示意 如 图 1-4 所 示 。 

这 两 种 链接 结构 是 最 基本 的 形式 。 在 实际 的 网 站 设计 中 ,总 
是 将 这 两 种 结构 混合 起 来 使 用 。 网 站 开发 者 希望 浏览 者 既 可 以 
方便 快速 地 到 达 想 看 的 页 面 ,又 可 以 清晰 地 知道 目前 的 位 置 .这 
就 需要 把 这 两 种 链接 结构 结合 起 来 .形成 一 种 更 复杂 的 复合 链接 
结构 。 

(3) 复合 链接 结构 

这 种 链接 结构 在 主页 和 第 一 级 ,第 二 级 页 面 之 间 采 用 树 状 结构 链接 ,在 二 级 以 下 的 各 页 
面 之 间 采 用 星 状 结构 链接 。 


图 1-4 星 状 链接 结构 图 
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1.6 确定 网 站 的 风格 和 创意 
和 知识 储备 


网 站 的 整体 风格 及 创意 设计 是 网 站 开发 者 们 应 该 掌握 但 却 很 难 掌握 、 很 难 应 用 的 一 种 
感性 思维 的 体现 ,其 难度 在 于 没有 固定 的 模式 可 以 参照 和 模仿 。 对 于 一 个 网 站 主题 ,任何 两 
个 设计 者 都 不 可 能 创作 出 风格 完全 一 样 的 网 站 。 

网 站 的 风格 和 创意 不 能 光 靠 理性 的 设计 来 完成 , 它 是 表现 于 很 多 细微 之 处 综合 形成 的 
一 种 整体 形象 ,需要 设计 者 具有 广告 设计 、 美 学 等 方面 的 知识 和 经 验 , 感 兴趣 的 读者 可 以 找 
一 些 广告 设计 、 美 学 方面 的 书 来 阅读 参考 。 


1.6.1 任务 描述 


确定 “新 闻 类 别 网 站 ”的 风格 和 创意 。 


1.6.2 任务 实现 


考虑 网 站 是 新 闻 类 网 站 , 故 确定 其 风格 为 守旧 的 、 约 定 俗 成 的 特点 ,如 严肃 整齐、 正统 、 
规范 ;再 考虑 网 站 的 新 闻 是 “红色 革命 "题材 方面 的 新 闻 ,确定 网 站 主要 与 “红色 ”和 “革命 ” 相 
关 。 因 此 ,创意 点 可 立足 于 红色 五角 星 .军装 ETI A k EE 

基于 上 述 考 虑 ,网 站 风格 的 设计 将 围绕 新 闻 主题 展开 ,遵循 严肃 正统 而 又 紧 扣 革命 色 
彩 的 理念 。 在 页 面 的 整体 设计 上 采用 红色 系 配 以 灰色 系 , 以 突出 红色 的 革命 和 灰色 的 革命 
武装 服饰 ,配合 使 用 矩形 式 的 新 闻 显 示 区 域 。 为 了 使 矩形 区 域 的 显示 不 至 于 生硬 ,对 矩形 采 
用 了 圆 角 处 理 , 并 对 列表 矩形 的 标题 部 分 采用 了 渐变 的 效果 。 整 体 的 排版 采用 整齐 划一 的 
田 式 划分 ,又 使 整个 页 面 归于 严肃 .正统 。 

为 了 给 页 面 增加 生机 ,使 网 站 显得 更 加 活泼 , 特 设 了 一 个 滚动 新 闻 板 块 ,使 整个 页 面 不 
再 死板 。 


1.6.3 相关 知识 拓展 


1. 网 站 风格 


网 站 风格 是 抽象 的 ,是 指 网 站 的 一 种 整体 形象 .整体 风格 。 

网 站 风格 包括 站 点 的 CI、 版 面 布局 .浏览 方式 .交互 性 文字 、 语 气 、 内 容 价 值 、 存 在 意 
义 、 站 点 荣誉 等 诸多 因素 。 有 的 网 站 看 上 去 平易 近 人 ,如 网 易 ; 有 的 网 站 看 上 去 生动 活泼 , 比 
如 迪斯尼 ;有 的 网 站 看 上 去 专业 严肃 ,如 IBM。 网 站 不 同 的 风格 即 体现 为 网 站 给 浏览 者 留 


下 的 不 同 的 综合 感受 。 


gy 
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网 站 风格 必须 是 独特 的 ,这 是 不 同 于 其 他 网 站 的 主要 特色 。 可 以 通过 色彩 、 技 术 或 者 交 
互 方式 等 的 表现 ,让 浏览 者 能 够 明确 分 辨 出 这 是 我 们 的 网 站 所 特有 的 “气质 ”。 

网 站 风格 也 是 有 人 性 的 。 通 过 网 站 的 外 表 、 内 容 、 文 字 、 交 流 , 可 以 表现 出 一 个 站 点 的 
“个 性 特征 ”“ 情 绪 特 征 ”, 网 站 是 活泼 易 变 的 个 性 ,还 是 执著 热情 的 个 性 ?是 温文 颂 雅 的 个 
性 ,还 是 放任 不 时 的 个 性 ? 

尽量 使 网 站 有 特定 的 风格 ,不 要 仅仅 是 堆砌 在 一 起 的 信息 ,要 让 网 站 从 信息 量 大 小 、 浏 
览 速度 快慢 的 理性 评价 中 扩展 开 来 。 在 网 站 中 展现 网 站 风格 ,好比 给 理性 的 人 注入 感情 ,使 
网 站 更 具有 亲和力 和 吸引 力 。 


2. 网 站 创意 


创意 不 是 某 些 天 才 者 的 灵感 ,而 是 众人 思考 的 结果 。 创 意 是 传达 信息 的 一 种 特别 方式 ， 
可 以 通过 将 网 页 现 有 的 要 素 重新 组 合 的 方式 体现 创意 。 平 时 注意 资料 的 收集 ,资料 丰富 了 ， 
会 更 容易 产生 创意 。 最 常用 的 创意 思考 方法 是 联想 ,下 面 列 出 作者 从 网 上 搜集 的 网 站 创意 
的 25 种 联想 方式 ， 

叫 颠 倒 网 站 的 某 些 对 象 ; 加 缩小 网 站 的 某 些 对 象 ; 回 换 一 下 网 站 某 些 对 象 的 颜色 ; 
@ 使 对 象 更 长 一 些 ; @ 使 对 象 办 动 ; @ 把 对 象 放 进 音乐 里 ; 四 结合 文字 .音乐 ` 图 画 ; @ 使 
对 象 年 轻 化 ; @ 重 复 对 象 ; 四 立体 化 对 象 ; 四 参加 竞赛 ; @ 参 加 打赌 ; @ 变 更 网 站 的 一 部 分 
对 象 ; @ 分 裂 对 象 ; 加 罗曼 蒂 克 化 对 象 ; 四 使 网 站 速度 加 快 ; 四 增加 网 站 香味 ; @ 使 对 象 看 
起 来 流行 ; 四 使 某 些 对 象 对 称 ; 四 使 网 站 展现 出 向 儿童 诉求 的 特征 ; 四 使 相关 对 象 价格 更 
低 ; @ 给 对 象 起 个 绰号 ; 四 把 一 些 对 象 打包 ; 四 免费 提供 某 些 对 象 ; 四 以 上 各 项 的 延伸 


组 合 。 


1.6.4 经 验 总 结 


网 站 不 能 没有 风格 ,更 不 能 没有 内 容 . 树 立 网 站 风格 时 ,要 确信 网 站 风格 是 建立 在 有 价 
值 的 内 容 之 上 。 

要 确定 网 站 风格 ,一 定 要 先 考 虑 清楚 网 站 希望 树立 的 形象 是 什么 。 

将 网 站 风格 体现 在 网 站 的 各 个 细节 上 ,Logo、 标 准 色彩 、 标 准 字 体 、 宣 传 标语 、 统 一 的 语 
气 和 人 称 、 统 一 的 图 片 处 理 效果 、 网 站 特有 的 符号 或 图 标 等 。 

不 论 如 何 创意 ,都 必须 清楚 创意 的 目的 是 为 了 更 好 地 宣传 推广 网 站 ,是 为 提高 网 站 知名 
度 服务 的 。 


1.7 确定 网 站 的 系统 配置 


1.7.1 任务 描述 


确定 “新 闻 类 别 网 站 ”的 系统 配置 信息 。 
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1.7.2 任务 实现 


(1) 硬件 环境 

* 建议 硬盘 空间 : 1GB( 包 括 搭建 网 站 运行 环境 所 需要 的 软件 占用 空间 ) 。 

* 建议 内 存 : 256MB( 推 荐 512MB 或 者 更 高 ) 。 

* 建议 CPU; 1.4GHz( 推 荐 2.0GHz 或 者 更 高 ) 。 

* 网 络 环境 : 广域网 或 者 局 域 网 。 

(2) 软件 环境 

* 操作 系统 : Microsoft Windows 2000/ NT/XP 或 者 更 高 版 本 。 

* 数据 库 系统 : SQL Server 2005, 

* 其 他 支持 软件 : Tomcat 6. 0. 28 十 JDK1. 5。 

(3) 开发 环境 

* 开发 软件 : eclipse-jee-ganymede-win32 。 

。 服务 器 软件 : apache-tomcat-6. 0. 18。 

e JDK; jdk-6ul0-windows-i586-p。 

(4) 其 他 的 系统 配置 信息 

系统 的 运行 参数 ,如 ,每 个 页 面 显示 新 闻 的 条 数 、 站 点 的 搜索 关键 字 、 站 点 描述 .作者 等 
配置 信息 ,这 些 信息 将 保存 在 网 站 数据 库 的 “系统 配置 表 ” 中 ,实现 系统 的 自动 配置 。 


1.7.3 相关 知识 拓展 

网 站 配置 是 设置 网 站 各 管理 对 象 的 配置 参数 ,并 集中 起 来 以 便 统一 管理 。 网 站 配置 参 
数 包 括 以 下 配置 参数 : 网 站 信息 配置 .网 站 参数 配置 .商店 参数 配置 ,用 户 参 数 配置 .邮件 参 
数 配置 .网 站 中 的 缩 略 图 参数 配置 LP 访问 限定 配置 .手机 短信 配置 .数据 字典 。 在 网 站 运 
营 前 ,请 根据 需要 详细 配置 好 相关 参数 以 保障 网 站 的 有 效 运营 。 
1.7.4 经 验 总 结 

一 般 来 说 ,系统 配置 主要 取决 于 系统 的 功能 。 在 功能 确定 后 ,计算 出 系统 的 最 低 配置 ， 
并 以 此 最 低 配置 作为 系统 开发 时 的 系统 环境 ;而 在 正式 部 署 时 ,也 以 此 最 低 配 置 为 准 。 但 是 


为 了 使 系统 的 功能 达到 更 好 ,一 般 正 式 运行 的 系统 配置 都 高 于 开发 时 的 最 低 配 置 。 
所 以 ,在 满足 系统 功能 需求 的 基础 上 ,要 尽量 降低 开发 时 的 系统 配置 。 


1.8 搜集 素材 


1.8.1 任务 描述 


收集 “新 闻 类 别 网 站 ”需要 的 各 种 媒体 类 型 的 素材 。 
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1.8.2 任务 实现 


尽 可 能 多 地 从 网 络 上 或 者 其 他 的 地 方 收 集 * 新 闻 类 别 网 站 ”需要 的 各 种 媒体 类 型 的 
素材 。 

A 小 贴 士 

收集 时 要 注意 与 前 述 各 节 确 定 的 网 站 风格 .网 站 结构 .网 站 主题 ,创意 等 相 吻 合 ,不 要 过 
TH. 


1.8.3 相关 知识 拓展 


网 站 设计 需要 相关 的 资料 ,素材 以 及 丰富 的 内 容 才 可 以 丰富 网 站 的 版 面 。 个 人 网 站 可 
以 整理 个 人 的 作品 、 照 片 、 展 示 等 资料 。 企 业 网 站 需要 整理 企业 的 文件 ,广告 产品、 活动 等 
相关 资料 。 整 理 好 资料 后 ,需要 对 资料 进行 筛选 和 编辑 。 

可 以 使 用 以 下 方法 来 收集 网 站 资料 与 素材 。 

(1) 图 片 

可 以 使 用 照相 机 拍摄 相关 图 片 , 对 已 有 的 照片 可 以 使 用 扫描 仪 输入 到 计算 机 。 一 些 常 
见 图 片 可 以 在 网 站 上 搜索 或 下 载 。 

(2) 文档 

收集 和 整理 现 有 的 文件 .广告 .电子 表格 等 内 容 。 对 纸 质 文件 需要 输入 到 计算 机 中 形成 
电子 文档 。 文 字 类 的 资料 需要 进行 整理 和 分 析 。 

(3) 媒体 内 容 

收集 和 整理 现 有 的 录音 、 视 频 等 资料 。 这 些 资 料 可 以 作为 网 站 的 多 媒体 内 容 。 


1.8.4 经 验 总 结 


明确 了 网 站 的 主题 以 后 ,就 可 以 围绕 主题 开始 搜集 材料 了 。 常 言 道 :“ 巧 妇 难 为 无 米 之 
炊 ”。 要 想 让 自己 的 网 站 有 血 有 肉 ,能 够 吸引 住 用 户 ,就 要 尽量 多 且 广 地 搜集 材料 ,搜集 的 材 
料 越 多 ,制作 网 站 就 越 容易 。 材 料 既 可 以 从 图 书 、 报 纸 、 光 盘 、 多 媒体 上 得 来 ,也 可 以 从 互联 
网 上 搜集 ,然后 把 搜集 的 材料 去 粗 取 精 ,去 伪 存 真 , 作 为 自己 制作 网 页 的 素材 。 

收集 内 容 包括 : 和 网 站 主题 相关 的 文字 、 图 片 资料 ;一 些 优秀 的 页 面 风格 ;一 些 喜欢 的 
交互 页 面 ; 开 放 的 源 代码 等 。 


1.9 实 训 


请 读者 思考 并 创建 一 个 个 人 网 站 ,按照 本 章 的 内 容 试 着 为 这 个 网 站 做 需求 分 析 , 并 记录 
所 有 的 分 析 资 料 和 分 析 结 果 。 
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在 全 面 考虑 好 网 站 的 栏目 链接 结构 和 整体 风格 之 后 ,就 可 以 正式 动手 设计 网 页 了 。 

俗话 讲 得 好 :“ 良 好 的 开端 是 成 功 的 一 半 。" 在 网 站 设计 上 也 是 如 此 ,首先 要 根据 系统 的 
需求 确定 网 站 的 功能 模块 ,其 次 根据 主题 .CI、 风 格 、 创 意 等 整体 风格 确定 网 站 的 版 面 ,再 进 
行 页 面 的 划分 以 及 页 面 层 次 的 设计 。 页 面 设计 中 以 首页 的 设计 最 为 关键 ,其 他 页 面 的 设计 
遵循 风格 一 致 的 原则 ,在 首页 设计 好 后 ,根据 功能 的 区 别 , 依 据 首页 设计 方法 进行 。 


2.1 设计 网 站 的 功能 模块 


[PUT 

第 1 章 已 经 确定 了 "新闻 类 别 网 站 ”的 功能 模块 ,这 里 的 任务 是 考虑 这 些 模 块 的 实现 方 
式 。“ 新 闻 类 别 网 站 ”的 设计 目标 是 尽 可 能 地 减少 网 站 的 后 期 维护 成 本 ,能 很 方便 地 发 布 企 
业 的 最 新 信息 和 其 他 各 类 信息 ,并 可 对 这 些 信息 进行 删除 .修改 .添加 等 操作 。 

目前 许多 企业 发 布 新 闻 的 方式 大 多 是 采用 静态 的 HTML 页 面 ,每 次 更 新 新 闻 信 息 时 
需要 做 一 个 页 面 , 然 后 用 FTP 上传 至 服务 器 ,再 修改 页 面 链接 ,使 新 增 的 新 闻 页 面 能 正常 显 
示 。 但 这 样 的 维护 方式 非常 麻烦 。 建 立新 闻 类 别 网 站 ”系统 可 以 大 大 减轻 网 站 更 新 维护 的 
工作 量 ,通过 新 闻 信 息 的 后 台 维 护 程序 ,网 站 管理 员 只 需要 在 浏览 器 上 录入 新 闻 文 字 就 可 以 
快速 实现 新 闻 更 新 ,从 而 大 大 加 快 了 信息 的 传播 速度 ,时 时 保持 网 站 的 活动 力 和 影响 力 。 


2.1.1 任务 描述 

设计 “新 闻 类 别 网 站 ”的 功能 模块 。 
2.1.2 任务 实现 

“新 闻 类 别 网 站 "采用 B/S 模式 ,网 站 的 页 面 在 浏览 器 中 显示 .网 站 的 功能 代码 在 服务 
器 端 运 行 , 网 站 使 用 的 新 闻 数 据 存放 于 数据 库 中 。 

(1)“ 新 闻 类 别 网 站 ”前 台 功 能 设计 


前 台 为 浏览 者 提供 浏览 网 站 新 闻 的 平台 。 这 部 分 功能 设计 主要 是 网 站 前 台 版 面 的 设 
计 , 包 括 网 站 栏目 的 划分 ` 色 彩 的 搭配 、 框 架 的 设计 、 网 站 风格 创意 的 体现 等 。 这 些 内 容 具 体 
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请 参考 本 章 后 面 的 知识 。 
(2)“ 新 闻 类 别 网 站 ”后台 功能 设计 
用 户 管理 模块 : 管理 并 维护 网 站 新 闻 信 息 的 用 户 身 份 , 本 系统 中 称 此 类 用 户 为 管理 
员 。 管 理 员 身 份 存储 于 数据 库 中 ,只 有 登录 成 功 的 用 户 才能 使 用 下 述 功能 对 网 站 的 
后 台数 据 进行 操作 。 

”栏目 模块 : 用 于 管理 网 站 的 栏目 分 类 情况 。 可 以 由 管理 员 在 后 台 进 行 编辑 ,编辑 后 
自动 更 新 前 台 页 面 的 显示 结果 。 

。 专题 模块 : 用 于 管理 网 站 的 专题 分 类 情况 。 可 以 由 管理 员 在 后 台 进 行 编辑 ,编辑 后 
自动 更 新 前 台 页 面 的 显示 结果 。 

新 闻 模块 : 网 站 新 闻 可 以 动态 增加 、 修 改 或 删除 。 这 些 功能 在 网 站 的 后 台 功 能 中 实 
现 , 管 理 员 是 操作 这 部 分 功能 的 主要 网 站 用 户 , 浏 览 者 可 以 在 网 站 页 面 上 查看 到 更 
新 后 的 新 闻 。 新 闻 分 为 热点 新 闻 、 图 片 新 闻 , 不 同类 别 的 新 闻 将 在 网 页 的 不 同 区 域 
进行 显示 。 管 理 员 可 以 修改 这 些 新 闻 属性 的 设置 ,决定 该 新 闻 是 否 出 现在 网 站 的 热 
点 新 闻 栏目 还 是 图 片 新 闻 栏目 中 。 

。 友 情 链接 模块 : 作为 网 站 的 一 个 功能 模块 ,主要 在 网 站 的 页 面 上 建立 与 其 他 网 站 的 
链接 ,形成 友情 交换 链接 。 这 部 分 内 容 不 在 数据 库 中 进行 管理 ,在 维护 时 直接 在 网 
页 上 进行 修改 ,然后 上 传 修改 后 的 页 面 。 

。 系统 日 志 管 理 模块 : 由 服务 器 自动 记录 网 站 操作 员 的 操作 情况 ,这 个 功能 只 能 供 管 
理 员 在 后 台 查 看 ,不 能 修改 ,也 不 能 删除 。 

* 系统 配置 管理 : 对 网 站 整体 的 配置 信息 进行 管理 ,如 : Logo 的 更 换 、 版 权 信 息 、 关 键 
字 , 作 者 、 描 述 、 页 面 显示 的 新 闻 数 等 ,只 有 管理 员 才 有 资格 设置 这 些 配置 信息 。 


2.1.3 相关 知识 拓展 


在 第 1 章 里 定位 了 网 站 主题 .确立 了 网 站 的 CI 形象 .风格 和 创意 等 ,收集 了 相关 的 素 
材 , 接 下 来 是 否 该 进入 实质 性 的 设计 制作 阶段 呢 ? 答案 是 : 不 能 。 经 验 告诉 我 们 ,建立 一 个 
网 站 好 比 写 一 篇 文章 ,首先 要 拟 好 提纲 ,文章 才能 主题 明确 ,层次 清晰 ;也 好 比 造 一 座高 楼 ， 
首先 要 设计 好 框架 图 纸 ,才能 使 楼 房 结构 合理 。 

初学 者 最 容易 犯 的 错误 是 确定 网 站 题材 后 立刻 开始 制作 。 当 辛苦 地 一 页 一 页 制作 完毕 
后 却 发 现 : 完成 的 网 站 存在 结构 不 清晰 .目录 庞杂 \ 内 容 是 东 一 块 西 一 块 地 拼凑 的 结果 。 不 
但 使 浏览 者 在 网 站 上 看 得 糊涂 , 连 网 站 的 后 期 扩充 和 维护 工作 也 变 得 相当 困难 ,最 不 幸 的 是 
网 站 或 许 就 此 半途 而 废 ,成 为 一 个 失败 的 例子 。 

因此 ,在 动手 制作 网 页 前 ,一 定 要 设计 好 网 站 的 功能 模块 .考虑 好 栏目 划分 与 未 来 的 设 
计 细 节 。 


2.1.4 经 验 总 结 


1. 网 站 栏目 安排 的 注意 事项 


栏目 的 实质 是 一 个 网 站 的 大 纲 索 引 , 能 够 将 网 站 的 主体 明确 显示 出 来 。 在 制定 网 站 栏 
目的 时 候 , 要 仔细 考虑 ,合理 安排 。 


m 
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(1) 紧 扣 主题 。 将 网 站 主题 按 一 定 的 方法 分 类 ,并 将 这 些 分 类 后 的 主题 作为 网 站 的 主 
栏目 。 

(2) 设置 最 近 更 新 、 网 站 指南 栏目 。 如 果 网 站 首页 版 面 中 没有 显示 “最 近 更 新 ”的 位 置 ， 
就 有 必要 单独 设立 一 个 “最 近 更 新 ”的 栏目 ,方便 常 来 的 访客 ,让 网 站 首页 更 具 人 性 化 。 如 果 
首页 内 容 庞 大 (超过 15MB)、 层 次 较 多 .但 又 没有 设置 站 内 搜索 引擎 时 ,建议 添加 “本 站 指 
南 ” 栏 目 , 方 便 初 访 者 快速 找到 他 们 想 要 的 内 容 。 

G) 设置 双向 交流 栏目 。 可 以 在 网 站 中 加 入 如 论坛 .留言 本 、 邮 件 列表 等 栏目 ,方便 浏 
览 者 留 下 他 们 的 信息 ,提高 网 站 的 亲和力 。 

(4) 设置 下 载 或 常见 问题 问答 栏目 。 在 网 站 首页 上 设置 一 个 资料 下 载 栏目 ,让 好 的 资 
料 共享 ;对 于 浏览 者 的 共性 问题 ,可 在 网 站 设置 常见 问题 问答 栏目 ,这 样 可 增加 网 站 的 信誉 。 

(5) 其 他 注意 事项 。 网 站 的 其 他 辅助 内 容 如 关于 本 站 、 版 权 信 息 等 ,建议 不 要 放 在 主 栏 
目 里 ,以 免 影响 网 站 主题 的 吸引 力 。 

总 之 ,要 尽 可 能 删除 与 网 站 主题 无 关 的 栏目 , 尽 可 能 将 网 站 最 有 价值 的 内 容 明 显 地 列 在 
首页 栏目 上 , 尽 可 能 方便 访问 者 的 浏览 和 查询 。 


2. 版 块 设置 的 注意 事项 


版 块 比 栏目 的 概念 要 大 ,网 站 内 容 复杂 时 ,可 以 先 划分 版 块 ,每 个 版 块 再 分 栏目 。 比 如 
搜狐 网 站 分 新 闻 军事. 男人 .女人 \ 体 育 .彩票 .旅游 等 版 块 ,每 个 版 块 下 面 又 各 有 自己 的 主 
栏目 。 但 如 果 网 站 内 容 较 少 ,只 设 主 栏目 ( 主 菜单 ) 就 可 以 了 ,不 必 设 置 版 块 。 

设置 版 块 时 要 注意 各 版 块 既 要 保持 相对 的 独立 性 ,又 要 保持 相互 关联 ,并 且 各 版 块 的 内 
容 要 围绕 网 站 主题 ,不 要 脱离 主题 。 


2.2 设计 网 站 的 版 面 


版 面 指 的 是 在 浏览 器 上 看 到 的 完整 的 一 个 页 面 (可 以 包含 框架 和 层 ) ,这 个 页 面 上 的 内 
容 排 列 方式 称 为 版 面 布 局 。 版 面 设 计 是 指 在 版 面 上 有 限 的 视觉 空间 中 进行 页 面 元 素 的 排列 
组 合 ,将 理性 的 内 容 和 思维 个 性 化 地 表现 出 来 。 

网 页 作为 一 种 版 面 , 婚 有 文字 ,又 有 图 片 。 文 字 有 大 有 小 ,还 有 标题 和 正文 之 分 ,图 片 也 
有 大 小 ,而 且 有 横竖 之 别 。 网 页 上 还 有 链接 、 动 画 等 要 素 。 这 些 要 素 需 要 同时 展示 给 观众 ， 
按 一 定 的 次 序 进行 合理 编排 和 布局 。 

版 面 布局 需要 创意 ,但 要 比 站 点 整体 的 创意 要 容易 、 有 规律 些 。 版 面 布局 的 步骤 包括 : 

1. $* 

新 建 页 面 就 像 一 张 白 纸 ,没有 任何 表格 ,框架 和 约定 俗 成 的 东西 ,设计 者 可 以 尽 可 能 地 
发 挥 想象 力 , 将 想到 的 “景象 "” 画 上 去 (建议 准备 一 张 白 纸 和 一 支 铅笔 ,如 果 用 Photoshop 、 画 
图 工具 等 也 可 以 )。 这 是 页 面 的 构造 阶段 .不 必 讲 究 绘 画 的 细腻 工整 ,不 必 考 虑 页 面 细 节 功 
能 ,只 需 以 粗 陋 的 线条 勾画 出 网 站 版 面 的 轮廓 即 可 。 尽 可 能 多 画 几 张 比较 比较 ,最 后 选 定 一 


个 满意 的 作为 继续 创作 的 草案 。 


(Qr r] 


网 站 项 目 规划 与 设计 


2. 粗略 布局 
在 草案 的 基础 上 ,继续 将 网 站 的 功能 模块 安排 到 页 面 上 。 要 安排 的 内 容 包 括 网 站 标志 、 


主 菜单 .新闻 ,搜索 、 友 情 链接 、 广 告 条 、 邮 件 列表 、 计 数 器 、 版 权 信 息 等 。 安 排 时 必须 遵循 突 
出 重点 ,平衡 谐 调 的 原则 ,将 网 站 标志 、 主 菜单 等 最 重要 的 模块 放 在 最 显眼 、 最 突出 的 位 置 ， 
然后 再 考虑 次 要 模块 的 排放 。 

3. 定案 

将 粗略 布局 精细 化 、 具 体 化 。 


2.2.1 任务 描述 


手工 勾画 “新 闻 类 别 网 站 ”网 站 的 版 面 。 


2.2.2 任务 实现 
(1) 草案 
“新 闻 类 别 网 站 ”版 面 布局 的 草案 如 图 2-1 所 示 。 
(2) 粗略 布局 


“新 闻 类 别 网 站 "版面 的 粗略 布局 如 图 2-2 所 示 。 
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图 2-1 “新 闻 类 别 网 站 ”版面 布局 的 草案 图 2-2 “新 闻 类 别 网 站 "版 面 的 粗略 布局 


(3) 定案 

将 “新 闻 类 别 网 站 ”版 面 的 粗略 布局 精细 化 、 具 体 化 。 这 就 要 体现 仁者 见 仁 、 智 者 见 智 的 
功力 了 ,不 同 的 设计 者 能 创作 出 具有 不 同 创 意 的 版 面 布局 。 这 里 不 再 细 述 。 
2.2.3 相关 知识 拓展 


版 面 设计 是 网 站 设计 的 重要 组 成 部 分 ,表面 上 看 , 它 是 一 种 关于 版 式 编排 的 学 问 ,而 实 
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际 上 , 它 不 仅仅 是 一 种 技能 ,更 是 技术 与 艺术 的 高 度 统一 。 随 着 互联 网 的 蓬勃 发 展 , 人 们 对 
设计 的 要 求 越 来 越 高 ,高 格调 、 高 品位 的 设计 作品 ,才能 吸引 住人 们 的 眼球 ,而 那些 粗 制 滥 
造 、 毫 无 内 容 的 作品 ,只 能 飘移 在 互联 网 的 海洋 中 无 人 间 津 。 


1. 几 种 常见 的 版 面 布局 


版 面 布 局 是 指 以 最 适合 浏览 查看 的 方式 将 图 片 和 文字 排放 在 网 页 上 的 不 同位 置 。 经 常 
用 到 的 版 面 布 局 形式 有 : 

(1)“T” 型 结构 布局 。“T” 型 结构 是 指 页 面 顶部 为 横 条 网 站 标志 和 广告 条 ,形成 “了 ”的 
上 面 一 横 ;页 面 下 方 ,左面 显示 主 菜 单 ,右面 显示 内 容 。 因 为 菜单 条 背景 较 深 ,整体 效果 类 似 
英文 字母 “T”, 所 以 称 这 种 布局 为 *T” 型 布局 。 这 是 网 页 设计 中 用 得 最 广泛 的 一 种 布局 方 
式 。“T” 型 布局 的 优点 是 页 面 结构 清晰 , 主 次 分 明 ;缺点 是 规矩 呆板 。 

(2)“ 口 ?型 布局 。“ 口 ?型 布局 是 指 页 面 上 下 各 有 一 个 广告 条 ,左面 是 主 菜单 ,右面 放 友 
情 链接 等 ,中 间 是 主要 内 容 ( 有 的 * 口 ?型 布局 是 将 四 边 空 出 ,只 用 中 间 的 窗口 进行 设计 )。 这 
种 布局 的 优点 是 充分 利用 版 面 ,信息 量 大 。 缺 点 是 页 面 拥挤 ,不够 灵活 。 

(3)“ 三 ?型 布局 “三 ?型 布局 多 用 于 国外 站 点 ,国内 站 点 用 得 不 多 。 特 点 是 页 面 上 横 
向 两 条 色 块 ,将 页 面 整体 分 割 为 四 部 分 , 色 块 中 大 多 放 广 告 条 。 

(4) 对 称 对 比 布局 。 对 称 对 比 布局 采取 左右 或 者 上 下 对 称 的 布局 ,一 半 深 色 ,一 半 浅 
色 , 一 般 多 见于 设计 型 站 点 。 优 点 是 视觉 冲击 力 强 ,缺点 是 将 两 部 分 有 机 地 结合 比较 困难 。 

(5) POP 布局 。POP 引 自 广告 术语 ,POP 布局 是 指 页 面 布 局 像 一 张 宣传 海报 ,以 一 张 
精美 图 片 作为 页 面 的 设计 中 心 。 常 用 于 时 尚 类 站 点 。 其 优点 是 页 面 漂亮 吸引 人 。 缺 点 就 是 
网 页 打开 速度 慢 。 


2. 版 面 设 计 的 原则 


CD 版 面 正常 平衡 。 这 种 版 面 亦 称 “ 匀 称 ” 版 面 ,整个 版 面 形 成 左右 ,上 下 对 照 ,秩序 井 
然 , 体 现 安 定 诚实 ,信赖 的 效果 。 

(2) 版 面 异常 平衡 。 这 种 版 面 属 非 对 称 形式 ,但 也 讲究 不 均 整 的 平衡 和 韵律 ,体现 强调 
性 不 安 性 、 高 注目 性 的 效果 。 

G) 版 面 对 比 。 在 版 面 上 利用 色彩 、 色 调 等 技巧 来 体现 对 比 ,也 可 利用 内 容 体 现 古 与 
今 . 新 与 旧 、 贫 与 富 等 对 比 。 

CD 版 面 凝视 。 可 以 利用 页 面 中 人 物 视线 ,吸引 浏览 者 仿照 跟随 的 心理 ,达到 注视 页 面 
的 效果 ,一 般 多 用 明星 凝视 状 。 

(5) 版 面 空白 。 版 面 空白 能 体现 出 网 站 突出 卓越 有 网 页 品位 的 优越 感 ,能 充分 表现 出 
网 页 的 格调 。 

(6) 版 面 尽量 用 图 片 解说 。 用 图 片 表现 不 能 用 语言 说 服 , 或 用 语言 无 法 表达 的 情感 。 
图 片 能 够 展示 、 传 达 给 浏览 者 更 多 的 心理 因素 影响 。 


2.2.4 经 验 总 结 


在 网 站 的 版 面 布局 上 要 注意 加 强 各 对 象 展现 的 视觉 效果 ,加强 文案 的 可 视 度 和 可 读 性 ， 
整体 网 站 形成 一 个 统一 的 感觉 ,要 不 时 地 更 新 网 站 ,保持 网 站 新 鲜 的 内 容 和 独特 的 个 性 。 
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2.3 设计 网 站 的 页 面 框架 


局 知识 储备 

Fireworks 是 网 页 三 剑客 (Dreamweaver、Fireworks、Flash) 之 一 , 原 为 Macromedia 公 
司 所 有 。 在 Macromedia 公司 被 Adobe 公司 兼并 之 后 ,Adobe 公司 又 进一步 发 展 了 此 软件 。 
Fireworks 现在 的 最 新 版 本 是 Adobe Fireworks CS4。 

Fireworks 是 一 个 强大 的 网 页 图 形 设计 工具 ,可 以 使 用 它 创 建 和 编辑 位 图 、 矢 量 图 形 , 还 可 
以 非常 轻松 地 做 出 各 种 网 页 设计 中 常见 的 效果 ,比如 翻转 图 像 、 下 拉 菜 单 等 ,设计 完成 以 后 , 若 
设计 结果 要 在 网 页 中 使 用 ,可 以 将 它 输出 为 HTML 文件 ,还 能 输出 为 可 以 在 Photoshop、 
Illustrator 和 Flash 等 软件 中 编辑 的 格式 ,从 而 实现 与 网 页 的 无 颖 链接 ,为 用 户 一 体 化 的 网 络 设 
计 方 案 提 供 支持 。 


2.3.1 任务 描述 


利用 Adobe Fireworks CS3 进行 “新 闻 类 别 网 站 ”页 面 框架 的 设计 ,最 终 设计 效果 如 
图 2-3 所 示 。 


LT. 


图 2-3 “新 闻 类 别 网 站 ”的 最 终 设计 效果 


2.3.2 任务 实现 


(1) 新 建设 计 页 面 
CD 打开 浏览 器 ,最 大 化 后 .截取 1024 X768 像素 的 分 辩 率 下 浏览 器 满 屏 的 视图 作为 页 
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面 设计 的 基本 框架 。 

© 打开 Adobe Firework CS3, 新 建 一 页 面 ,将 截取 的 图 像 置 人 Firework 中 ,并 删除 浏 
览 器 主 区 域 中 的 内 容 , 形 成 一 个 只 有 浏览 器 框架 的 图 像 。 

© 用 辅助 线 和 标尺 把 大 概 范围 划分 出 来 ,注意 这 里 的 划分 ,正好 是 在 770 像素 和 
1000 像素 之 内 的 地 方 ,因为 “新 闻 类 别 网 站 ”是 在 1024X768 像素 的 分 辨 率 下 运行 的 。 考 虑 
到 可 能 存在 使 用 800» 600 像素 分 辨 率 的 浏览 者 ,所 以 把 页 面 上 主要 的 内 容 和 菜单 都 放置 在 
770 像素 以 内 ,770 一 1000 像素 的 地 方 放 一 些 辅助 的 东西 。 这 一 点 尤其 是 在 做 一 些 门户 网 站 
设计 的 时 候 更 要 重视 。 

在 此 ,设计 页 面 的 宽度 为 900 像素 ,并 采用 黄金 分 割 进行 划分 ,这 样 就 将 900 像素 的 宽 
度 划 分 为 630 像素 和 270 像素 ,使 左面 的 主要 区 域 630 像素 也 小 于 770 像素 ,正好 符合 不 同 
主流 分 辩 率 显示 器 的 现实 ,然后 再 依据 标尺 建立 辅助 线 。“ 新 闻 类 别 网 站 ”的 基本 框架 设计 
如 图 2-4 所 示 。 
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2-4 “新 闻 类 别 网 站 "的 基本 框架 设计 


(ED) 小 贴 士 

制作 网 页 时 ,其 页 面 大 小 取决 于 主流 显示 器 的 分 辩 率 设置 。 

1. 页 面 高 度 

一 般 来 说 ,页 面 的 高 度 是 无 法 进行 精确 限制 的 ,因为 每 个 人 的 浏览 器 上 放置 的 工具 栏 不 
同 , 工 具 栏 越 多 ,网 页 显示 的 高 度 就 越 少 ,有 些 浏览 器 界面 上 仅 工具 栏 、 插 件 就 占 了 半 个 屏 
幕 , 所 以 高 度 没 有 确切 值 。 具 体 可 依据 内 容 的 多 少 和 人 们 的 浏览 习惯 将 页 面 的 高 度 控制 在 
一 屏 到 三 屏 之 间 。 

当 采 用 单 屏 页 面 时 ,要 特别 注意 页 面 在 不 同 分 辩 率 显 示 器 下 的 显示 效果 ,应 采取 适当 的 
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措施 ,如 百度 的 首页 采用 的 就 是 单 屏 页 面 .使 它 在 任何 分 辩 率 的 显示 器 下 都 是 居中 的 ,不 论 
水 平 还 是 垂直 。 

2. 页 面 宽度 

(D 在 IE6.0 下 ,宽度 为 显示 器 的 分 辨 率 减 21 像素 ,比如 1024 像素 的 宽度 减 21 像素 就 
变 成 1003 像素 。 

© Æ Firefox F. XAA ET EDH PR 19 像素 ,比如 1024 像素 的 宽度 减 19 像素 
就 变 成 1005 像素 。 

© 在 Opear 下 ,宽度 为 显示 器 的 分 状 率 减 23 像素 ,比如 1024 像素 的 宽度 减 23 像素 就 
变 成 1001 像素 。 

所 以 如 果 显示 器 是 1024 像素 的 分 辩 率 ,不 如 将 网 页 设 成 1000 像素 ;如 果 是 800 像素 的 
分 辩 率 ,一 般 都 设 成 770 像素 。 

以 上 内 容 需 要 明白 并 且 牢 记 , 不 然 很 可 能 做 出 来 的 网 页 不 符合 浏览 器 要 求 。 还 可 以 把 
页 面 高 .宽度 设 定 得 再 稍微 小 一 点 ,以 防 有 些 浏览 器 加 了 插件 或 者 其 他 的 工具 显示 后 ,屏幕 
宽度 会 有 变化 ,所 以 若是 800 像素 的 分 辩 率 ,一 般 可 设 定 为 760 像素 左右 ;若是 1024 像素 的 
分 辨 率 , 可 设 定 为 990 像素 左右 。 

需要 注意 的 是 ,在 IE 6.0( 或 更 低 ) 的 浏览 器 上 查看 网 页 时 ,无 论 页 面 多 高 ,都 会 有 右 侧 
的 滚动 条 框 ,而 Firefox 或 Opear 在 内 容 少 于 浏览 器 高 度 时 不 显示 右 侧 滚动 条 框 。 

(2) 设计 网 站 页 面 的 背景 

依据 网 站 页 面 的 整体 风格 和 创意 及 相关 的 设计 原则 ,对 网 站 的 整体 背景 进行 设计 ,并 考 
虑 整个 站 点 的 背景 使 用 ,在 此 要 从 整个 站 点 的 角度 来 考虑 ,要 尽量 设计 一 种 既 简单 又 便于 在 
网 页 中 实现 的 背景 , 即 从 背景 大 小 .形状 以 及 展开 方式 上 来 考虑 。 下 面 进行 具体 设计 。 

CD 在 图 2-4 建立 的 文件 框架 下 面 新 建 一 个 大 和 矩形 ,作为 背景 的 实现 层 ,此 层 主要 用 建 
立 加 有 “交叉 并 行 线 ” 纹 理 的 背景 效果 ,具体 属性 设置 如 图 2-5 所 示 。 
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图 2-5 实现 背景 层 的 属性 设置 


© 在 背景 层 上 面 的 框架 下 ,新 建 一 个 矩形 作为 主 区 域 层 ,此 层 主 要 采用 发 光 的 滤 镜 效 
果 为 背景 层 添加 立体 效果 ,具体 属性 设置 如 图 2-6 所 示 。 


图 2-6 “新 闻 类 别 网 站 ”的 背景 设置 
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© 至 此 ,得 到 如 图 2-7 所 示 的 “新 闻 类 别 网 站 ”的 背景 设计 效果 图 。 
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图 2-7 “新 闻 类 别 网 站 ”的 背景 设计 效果 


(3) 设计 网 站 的 头 部 .导航 和 尾部 

下 面 分 别 对 网 站 的 头 部 .导航 和 尾部 进行 设计 。 要 注意 整个 页 面 的 比重 ,避免 出 现 头 重 
脚 轻 的 局 面 。Logo 的 设计 要 符合 网 站 的 主题 和 目标 ,而 且 要 简明 扼要 、 紧 扣 宗旨 ;导航 要 尽 
量 直观 简洁、 明显 ,最 主要 的 是 使 用 要 便捷 ;尾部 内 容 对 网 站 做 补充 说 明 ,设置 版 权 等 内 容 。 
下 面 进行 具体 设计 。 

CD 利用 辅助 线 勾勒 出 头 部 .导航 和 尾部 的 大 致 区域 , 主 要 依据 导航 醒目 .内 容 优先 、 保 
持 比例 .避免 失衡 的 原则 。 

Q 在 页 面 顶部 制作 Logo, 输 入 相应 的 文字 ,并 采用 渐变 效果 ,而 后 将 文字 选中 , 右 击 并 
选择 [转换 为 路 径 】 命 令 ,再 对 转换 为 路 径 的 文字 进行 自由 变形 处 理 ,形成 最 终 的 效果 。 

C 制作 主导 航 。 主 导航 的 制作 要 醒目 .明快 而 简洁 .并且 始 终 要 保持 可 见 , 即 : 在 任何 
地 方 都 要 能 看 见 主 导航 ,一 般 情况 下 ,导航 的 制作 涉及 超 链 接 , 利 用 超 链 接 上 其 停 状态 的 不 同 
属性 可 以 得 到 很 好 的 效果 ,如 图 2-8 所 示 。 图 中 的 中 间隔 线 的 效果 是 采用 了 两 条 细 线 并 排 
来 实现 的 ,而 颜色 相对 于 底 色 为 一 深 一 浅 。 
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图 2-8. “新 闻 类 别 网 站 ”的 主导 航 设计 


@ 在 页 面 的 底部 输入 尾部 内 容 , 如 :“ 关 于 我 们 ?>“ 版 权 说 明 ” 等 相关 的 补充 说 明 性 内 
容 ,一 般 居中 放置 ,并 用 细 线 与 内 容 部 分 隔 开 ,效果 如 图 2-9 所 示 。 
将 上 述 部 分 进行 合理 的 布局 , 便 得 到 了 “新 闻 类 别 网 站 ”页 面 框架 的 效果 图 ,如 图 2-3 


所 示 。 
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图 2-9 “新 闻 类 别 网 站 ”的 尾部 设计 


2.3.3 相关 知识 拓展 


1. 色彩 的 基本 知识 


众所周知 ,大 自然 的 颜色 是 因为 光 的 折射 而 产生 的 。 在 计算 机 中 红 、 绿 、 蓝 是 基本 色 , 其 
他 的 色彩 都 可 以 用 这 三 种 色彩 调和 而 成 。HTML 标记 语言 中 的 色彩 表达 也 是 用 这 三 种 颜 
色 的 数值 来 表示 。 比 如 ,红色 是 red, 十 进 制 表 示 为 (255,0,0) ,十 六 进 制 表示 为 (FF0000); 
白色 是 white, 十 进 制 表 示 为 (255,255,255), 十 六 进 制 表 示 为 (FFFFFF), HTML 代码 中 
的 “bgColor 二 € FFFFFF” 就 是 指 背 景色 为 白色 。 任 何 色 彩 都 有 饱和 度 和 透明 度 的 属性 , 属 
性 的 变化 会 产生 不 同 的 色相 ,所 以 至 少 可 以 调 出 几 百 万 种 色彩 。 

颜色 可 以 分 为 非 彩色 和 彩色 两 类 。 非 彩色 是 指 黑 、 白 、 灰 色 , 黑 、 白 是 最 基本 和 最 简单 的 
搭配 ,白字 黑 底 、 黑 底 白字 都 非常 清晰 明了 。 灰 色 是 万 能 色 , 可 以 和 任何 色彩 搭配 ,也 可 以 帮 
助 两 种 对 立 的 色彩 和 谐 过 渡 。 pd E tt 但 
彩色 的 记忆 效果 是 黑白 色 的 3.5 倍 , 即 彩色 页 面 较 完全 黑白 页 面 更 加 吸引 人 。 一 般 建 议 网 
站 中 主要 内 容 文字 用 非 彩色 (黑色 ) ,边框 .背景 图片 用 彩色 。 initia aii, 浏览 主 
要 内 容 时 也 不 会 眼花 。 


2. 色彩 与 心理 


不 同 的 颜色 会 给 浏览 者 带 来 不 同 的 心理 感受 。 
”红色 : 一 种 激 奋 的 色彩 ,能 产生 刺激 效果 ,使 人 产生 冲动 ,愤怒 、 热 情 、 活 力 的 感觉 。 

”绿色 : 介 于 冷暖 两 种 色彩 的 中 间 , 能 表现 出 和 睦 、 宁 静 , 健 康 、 安 全 的 感觉 。 若 与 金 
黄 ,淡白 搭配 ,可 以 产生 优雅 .舒适 的 气氛 。 

E: 一 种 激 奋 的 色彩 ,能 产生 轻快 ,欢欣 .热烈 .温馨 .时尚 的 效果 。 

”黄色 : 能 表示 出 快乐 ,希望 .智慧 和 轻快 的 个 性 , 它 的 明亮 度 最 高 。 

EE: 一 种 最 具 凉 严 、 清 新 、 专 业 的 色彩 。 若 与 白色 混合 ,能 体现 柔顺 、 淡 雅 、 浪 漫 的 
气氛 。 

， 白 色 : 能 产生 洁白 ,明快 纯真、 清洁 的 感受 。 

ORG: 能 产生 深沉 .神秘 、 寂 静 .悲哀 .压抑 的 感受 。 
* 灰色 : 能 产生 中 庸 ,平凡 ` 温 和、 谦让 ,中立 和 高 雅 的 感觉 。 

可 以 在 每 种 色彩 的 饱和 度 和 透明 度 上 略微 变化 :以 产生 更 多 不 同 的 感觉 。 比 如 黄 绿色 

有 青春 .旺盛 的 视觉 意境 ,而 蓝 绿色 则 显得 幽静 LAORE 


3. 网 页 色彩 掌握 的 过 程 
一 般 在 刚 开始 学 习 网 页 制作 时 ,由 于 技术 和 知识 的 缺乏 .只 能 制作 出 简单 的 网 页 ,色彩 
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比较 单一 ,这 时 的 用 色 可 以 称 为 “ 单 色 ”; 有 了 一 定 的 网 页 制作 基础 和 材料 后 ,又 会 将 收集 到 
的 认为 是 最 好 的 图 片 、 最 满意 的 色彩 堆砌 在 网 页 上 .造成 网 站 色彩 杂乱 ,没有 个 性 和 风格 ,这 
时 的 用 色 可 以 称 为 "五 彩 缤纷 ”; 随 着 网 页 制作 经 验 的 积累 ,设计 者 会 重新 定位 自己 的 网 站 ， 
选择 适合 自己 的 色彩 ,使 网 站 设计 走向 成 功 ,这 时 的 用 色 可 以 称 为 “标准 色 ”; 当 设计 理念 和 
制作 技术 达到 顶峰 时 ,又 会 返 瑛 归真 ,用 单一 色彩 甚至 非 彩 色 就 可 以 设计 出 简洁 精美 的 站 
点 ,这 时 的 用 色 又 称 为 “ 单 色 ”。 

所 以 说 ,网 页 的 色彩 搭配 是 个 人 经 验 、 设 计 理 念 、 制 作 技 术 、 创 造 性 思维 的 综合 表现 ,不 
是 一 日 之 功 ,初学 者 可 多 看 网 站 、 多 研究 、 多 总 结 , 逐 步 提 高 对 色彩 的 感知 能 力 。 


2.3.4 经 验 总 结 


虽然 网 站 用 色 需 要 经 验 , 但 也 不 是 没有 任何 技巧 可 言 。 下 面 推荐 几 种 常见 的 配色 方案 
以 供 参考 。 

CD 选用 一 种 色彩 作为 网 站 主 色调 。 即 先 选 定 一 种 色彩 ,然后 调整 该 色彩 的 透明 度 或 
饱和 度 ,产生 新 的 色彩 ,并 将 这 些 色 彩 都 用 于 网 站 。 这 样 的 网 站 看 起 来 既 不 特别 的 单调 ,而 
且 色 彩 也 统一 ,有 层次 感 。 

(2) 选用 对 比 色 作 为 网 站 主 色 调 。 对 比 色 是 两 类 拥有 完全 不 同 个 性 的 颜色 ,如 红 和 绿 、 
蓝 和 橙 . 黑 和 白 、 紫 与 黄 等 。 若 有 意 将 对 比 色 搭配 在 一 起 ,就 要 注意 对 比 色 间 的 比例 变化 , 选 
择 一 种 颜色 为 主 色 而 另 一 种 颜色 为 辅 色 .很 有 点 睛 的 效果 。 若 自己 把 握 不 好 对 比 色 ,可 以 从 
Photoshop 里 得 到 ,但 切记 ,不 要 任意 地 使 用 两 种 不 同 的 颜色 作为 网 站 主 色 调 。 使 用 两 种 合 
适 的 色彩 会 使 整个 页 面色 彩 丰 富 但 不 花哨 。 

(3) 选用 一 个 色 系 的 色彩 作为 网 站 主 色调 。 将 同色 系 的 颜色 搭配 在 一 起 决 不 会 出 错 ， 
如 "粉红 十 大 红 ”“ 艳 红 十 桃红 ?“ 玫 红 十 草莓 红 ” 等 ,这 类 同色 系 间 的 变化 搭配 ,可 制造 出 同 
色 系 色彩 的 层次 感 ,又 不 会 显得 单调 乏味 .是 比较 简单 易 行 的 网 站 配色 方法 。 

(4) 选用 黑色 和 另 一 种 彩色 作为 网 站 主 色 调 。 黑 色 是 个 百 搭 百 配 的 色彩 ,无 论 与 什么 
色彩 放 在 一 起 ,都 会 别有一番 风情 。 

上 面 说 的 都 是 合理 的 搭配 建议 ,下 面 再 介绍 一 些 不 合理 的 搭配 方案 。 

CD 忌讳 使 用 颜色 对 比 过 于 强烈 的 搭配 色 作 网 站 主 色 。 

(2) 网 站 配色 要 简洁 ,不 要 试图 将 所 有 颜色 都 用 到 , 主 色 要 尽量 控制 在 三 种 色彩 之 内 。 

(3) 网 页 背景 和 前 景 的 对 比 要 明显 ,尽量 少 用 花纹 复杂 的 背景 图 片 . 避 免 喧 宾 夺 主 ,以 
便 突出 显示 文字 内 容 。 


2.4 设计 网 站 的 首页 


dp 知识 储备 
首页 ,是 整个 网 站 内 容 的 总 目录 ,网 站 的 版 块 划分 均 需 要 在 此 页 面 上 展示 ,浏览 者 通过 


首页 即 可 了 解 该 网 站 的 主要 内 容 。 设 计 首页 的 一 般 步 骤 如 下 。 
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1. 确定 网 站 的 功能 模块 

网 站 的 功能 模块 是 指 需要 在 网 站 上 展现 的 主要 内 容 和 功能 。 一 般 的 站 点 都 需要 这 样 一 
些 模块 : 

网 站 名 称 (Logo)、 广 告 条 (Banner)、 主 菜单 (Menu)、 新 闻 (What? s new)、 搜 索 
(Search) 、 友 情 链接 (Links) 、 邮 件 列表 (Maillist) 、 计 数 器 (Count) 、 版 权 (Copyright) 

为 网 站 选择 哪些 模块 、 实 现 哪些 功能 .是 否 需要 添加 其 他 模块 ,都 是 网 站 设计 需要 首先 
完成 的 工作 。 

2. 设计 网 站 的 版 面 

在 网 站 的 功能 模块 确定 后 ,就 开始 设计 网 站 的 版 面 。 设 计 版 面 的 最 好 方法 是 : 找 一 张 
白 纸 ,一 支 笔 ,将 理想 中 的 版 面 草图 勾勒 出 来 ,形成 大 致 的 框架 布局 。 

3. 进行 具体 的 界面 设计 

有 了 版 面 草图 之 后 ,再 利用 图 形制 作 软 件 进行 详细 的 设计 ,将 理想 中 的 草图 进行 细致 的 
处 理 , 实 现 直 观 而 详细 的 设计 图 。 

进行 首页 设计 时 ,可 以 多 参考 一 些 好 的 设计 效果 ,借鉴 他 人 的 长 处 ,将 别人 的 设计 优点 
恰当 地 用 在 自己 的 设计 中 ,形成 自己 的 设计 结果 ,切忌 照搬 照抄 。 

4. 处 理 设计 技术 上 的 细节 

制作 的 网 页 如 何 能 在 不 同 分 辨 率 下 保持 不 变形 ,如 何 能 在 不 同 的 浏览 器 下 看 起 来 不 至 
于 太 丑 陋 , 如 何 设置 页 面 字 体 和 链接 颜色 等 ,这 些 页 面 设计 上 的 细节 也 必须 考虑 。 


2.4.1 任务 描述 


利用 Adobe Fireworks CS3 进行 “新 闻 类 别 网 站 ”的 网 站 首页 的 设计 ,最 终 设计 效果 如 
图 2-10 m 
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图 2-10 “新 闻 类 别 网 站 ”网 站 首页 的 设计 图 
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2.4.2 任务 实现 


具体 操作 步骤 如 下 : 
(1) 制作 列表 框架 ,效果 如 图 2-11 所 示 。 


m 标题 栏 


图 2-11 “新 闻 类 别 网 站 ”列表 框架 设计 图 


CD 新 建 一 个 矩形 ,打开 [属性 了 面板 在 【和 矩形 圆 度 】 文 本 框 中 输入 "25”, 其 他 属性 设置 如 
图 2-12 所 示 。 
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图 2-12 创建 圆 角 和 矩形 


© 在 上 面 所 建 和 矩形 的 下 方 新 建 一 个 略 大 一 些 的 矩形 ,可 参照 图 2-13 做 具体 的 属性 
设置 。 

C 同时 选中 上 面 所 建 的 两 个 矩形 ,选择 【修改 】I【 组 合 路 径 YI【 打 孔 ] 命 令 , 对 其 设置 渐 
变 效 果 , 具 体 的 属性 设置 如 图 2-14 所 示 ,这样 做 是 为 了 获得 理想 效果 。 

CD 新 建 两 个 矩形 ,宽度 和 上 面 的 一 样 ,一 个 高 度 为 200、 背 景色 为 白色 (#FFFFFF); 另 
一 个 高 度 为 2 背景 色 为 红色 (# CC0000)。 添 加 标题 栏 上 的 医 图 标 和 相应 的 文字 ,对 上 述 
元 素 进 行 排版 ,以 实现 如 图 2-11 所 示 的 效果 ,设置 好 后 ,选中 所 有 对 象 进行 组 合 ,形成 一 
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未 命名 -3. png 
Ex | 加 预览 中 2 幅 D | 


2-14 渐变 设置 


个 整体 。 至 此 ,列表 框架 制作 完毕 。 

(2) 打开 上 面 制作 的 “列表 框架 ”, 导 入 一 幅 图 片 ,调整 其 大 小 ,实现 如 图 2-15 所 示 的 
“图 片 新 闻 ” 版 块 。 

(3) 继续 在 “列表 框架 "中 添加 相关 的 文字 ,调整 文字 的 属性 ,如 图 2-16 所 示 。 最 后 对 
文字 进行 排版 ,完成 “最 新 新 闻 ” 版 块 的 设计 制作 ,如 图 2-17 所 示 。 
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图 2-15 “图 片 新 闻 " 版 块 的 设计 图 
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图 2-16 “最 新 新 闻 " 版 块 字体 属性 的 设置 
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(4) 打开 图 2-4 制作 的 框架 页 面 ,进行 网 站 首页 的 设计 制作 ,这 样 既 可 以 保持 网 站 整体 
的 风格 一 致 ,又 可 以 准确 定位 相关 模块 的 位 置 。 

将 图 2-15、 图 2-17 制作 好 的 “图 片 新 闻 ” 和 “最 新 新 闻 ” 版 块 放 入 图 2-11 制作 的 框架 页 
面 中 ,并 添加 相对 应 的 版 块 ,最 后 排版 .调整 和 拼接 各 相关 版 块 ,实现 如 图 2-10 所 示 的 首页 
效果 图 。 


2.4.3 相关 知识 拓展 


1. 页 面 布局 元 素 


在 正式 设计 网 站 时 , 先 考 虑 好 网 站 的 整体 外 观 和 页 面 结构 ,从 视觉 和 技术 两 个 角度 确定 
组 成 整个 页 面 的 元 素 及 元 素 之 间 的 关系 。 页 面 布 局 要 体现 网 站 内 容 的 分 类 情况 ,使 内 容 能 
因为 分 类 而 显得 简化 ,体现 网 站 的 逻辑 性 和 易于 理解 性 。 当 确定 了 页 面 布 局 元 素 之 后 ,应 该 
在 整个 网 站 上 贯彻 这 些 元 素 , 使 网 站 风格 统一 。 
页 面 布 局 元 素 包 括 整体 页 面 规划 布局 .页 面 边界 内 容 与 样式 .字体 .前景 背景 颜色 ,图像 
要 求 以 及 表格 规格 等 。 
- 框架 元 素 : 用 于 规划 页 面 布局 ,每 个 框架 里 可 以 显示 一 个 网 页 ,框架 的 应 用 突破 了 
原来 浏览 器 只 能 显示 一 张 网 页 的 限制 ,应 用 了 框架 的 网 页 能 同时 显示 多 个 页 面 。 
< 表格 元 素 : 常用 于 规划 页 面 布 局 ,准确 定位 页 面 中 各 对 象 的 位 置 。 
， 导航 元 素 : 用 于 充当 网 站 内 容 的 向 导 , 帮 助 浏览 者 在 网 站 内 定位 和 浏览 网 页 。 
。 段落 元 素 : 和 Word 中 的 段落 功能 一 致 .将 页 面 上 的 文本 进行 分 段 。 
。 图 像 元 素 : 比 文本 更 直观 ,更 具 吸 引力 的 网 页 元 素 。 
: 列表 元 素 : 列表 在 网 页 中 占有 极其 重要 的 地 位 ,HTML 规定 了 多 种 列表 元 素 , 可 根 
据 文 本 内 容 的 特征 选择 不 同 的 列表 进行 展示 。 
”颜色 元 素 : 提升 网 站 品位 的 主要 元 素 。 
， 边 距 元 素 : 控制 网 页 所 显示 的 内 容 距 浏览 器 窗口 边界 的 距离 ,类 似 于 Word 文档 的 
上 下 左右 边界 。 
”边界 元 素 : 为 HTML 表 和 框架 提供 可 见 的 边界 线 。 
”空白 元 素 : 空白 元 素 用 来 分 开 页 面 上 的 各 元 素 。 一 个 没有 空白 区 的 页 面 ,给 浏览 者 
的 感觉 是 页 面 很 拥挤 ,阅读 时 容易 心理 紧张 ,导致 浏览 者 对 这 样 的 页 面 产生 一 种 大 
烦 抵 触 的 感觉 。 


2. Bit" BE 


初学 网 页 设计 的 人 往往 会 忽视 "空白" 元素,“ 空 白 " 元 素 实 际 上 与 其 他 页 面 布局 元 素 紧 
密 关联 ,甚至 是 其 他 元 素 的 一 部 分 ,比如 行 间距 。 空 白 在 网 页 设计 中 非常 重要 . 它 使 网 页 看 
起 来 更 简洁 、 更 明快 ,阅读 起 来 更 舒畅 。 因 此 “空白 ”是 网 页 设计 中 必 不 可 少 的 元 素 ,在 此 青 
前 面 曾 提 过 .在 网 页 上 不 能 堆积 无 用 的 内 容 。 当 浏览 者 快速 扫描 页 面 时 .扫描 的 内 容 越 
多 ,错过 的 信息 也 越 多 。 所 以 不 要 试图 在 一 个 页 面 上 提供 网 站 所 有 的 信息 。 有 一 些 商 业 网 
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站 的 主页 提供 特别 大 量 的 信息 ,反而 会 使 浏览 者 忽视 大 部 分 内 容 。 每 一 张 网 页 的 信息 包含 
量 应 该 是 比 同样 印刷 版 本 的 信息 量 约 少 5074 。 

网 页 上 的 信息 可 以 通过 分 类 的 方法 进行 整合 ,避免 让 浏览 者 从 一 堆 信 息 中 艰难 挑选 所 
需要 的 信息 ,要 让 他 们 自己 选择 是 否 进 入 更 深 的 链接 获得 信息 。 也 不 要 只 为 了 让 页 面 变 短 
而 随意 分 割 页 面 ,除非 在 内 容 上 是 逻辑 断 点 处 。 每 一 个 页 面 都 应 该 是 相对 独立 的 、 完 整 的 。 
只 有 照顾 了 整个 页 面 空间 的 分 配 ,空白 才能 表现 出 一 定 的 活力 ,利用 空白 可 以 使 页 面 布局 生 
动 活泼 ,松紧 有 度 ,使 浏览 者 浏览 页 面 时 感觉 到 舒适 、 轻 松 和 简洁 。 

网 页 空白 可 以 使 用 表格 和 透明 GIF 图 像 来 实现 。 使 用 表格 定位 页 面 内 容 时 ,可 以 设置 
不 填充 内 容 的 空白 单元 格 来 产生 页 面 空白 ,达到 页 面 布局 松紧 有 度 的 效果 。 


3. 页 面 布局 设计 方法 


完成 页 面 布 局 设计 的 方法 主要 有 两 种 : 纸 面 布 局 法 和 软件 布局 法 。 

CD 纸 面 布局 法 。 在 设计 页 面 布局 时 ,设计 人 员 在 纸 面 上 夯 出 页 面 布局 的 草图 ,将 设想 
落实 到 纸 面 上 ,观看 设计 效果 。 人 们 经 常会 在 瞬间 产生 一 个 好 的 灵感 和 想法 ,但 这 种 想法 若 
不 及 时 记录 下 来 ,很 快 又 会 从 头脑 中 消失 。 因 此 当 有 了 好 的 灵感 和 想法 时 ,应 该 立即 用 纸 笔 
记录 下 来 ,以 备 以 后 用 于 页 面 设 计 中 。 

不 要 直接 在 网 页 设计 工具 中 边 设计 网 页 边 修 改 页 面 布局 ,想到 哪里 ,设计 到 哪里 ,这 样 
会 浪费 很 多 时 间 和 精力 。 在 开始 制作 网 页 前 ,应 该 首先 在 纸 上 夯 出 页 面 布局 草图 ,一 旦 确定 
就 不 要 轻易 修改 ,并 在 整个 网 站 的 页 面 设计 中 要 自始至终 贯彻 确定 好 的 页 面 布局 。 

(2) 软件 布局 法 。 另 外 一 种 页 面 布 局 方法 是 使 用 图 形 工 具 软 件 设计 页 面 布局 草图 ,可 
以 使 用 比较 熟悉 的 图 形 软 件 如 Photoshop, Fireworks 等 。 使 用 这 些 图 形 工 具 可 以 方便 地 设 
计 页 面 布 局 和 颜色 , 比 纸 面 布局 法 更 能 查看 页 面 布 局 的 整体 效果 和 真实 效果 ,使 用 图 形 工 具 
和 层 更 容易 修改 和 查看 各 种 无 法 用 纸张 实现 的 效果 。 


2.4.4 经 验 总 结 


首页 的 设计 是 一 个 网 站 成 功 与 否 的 关键 。 人 们 往往 看 到 网 站 第 一 页 就 对 站 点 产生 一 
个 整体 的 感觉 。 能 不 能 促使 浏览 者 继续 点 击 进入 .能 否 吸引 浏览 者 多 花 时 间 驻 留 在 站 点 
上 ,全 赁 首页 设计 的 "功力 ”了 。 所 以 ,首页 的 设计 和 制作 是 绝对 要 重视 和 花心 思 的 。 一 
般 首 页 设计 和 制作 要 占 整个 网 站 制作 时 间 的 40%。 记 住 ,应 多 花 些 时 间 在 整体 设计 , 框 
架 制 作 和 首页 设计 上 ,避免 网 站 全 部 做 好 以 后 再 修改 , 那 将 是 最 浪费 精力 、 浪 费时 间 、 浪 
费 金 钱 的 事 。 


2.5 网 站 其 他 页 面 的 设计 
2.5.1 任务 描述 


利用 Adobe Fireworks CS3 进行 “新 闻 类 别 网 站 ”其 他 功能 页 面 的 设计 。 
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2.5.2 任务 实现 


对 于 新 闻 类 网 站 涉及 三 类 重要 的 页 面 , 即 首页 列表 页 和 内 容 页 ,由 这 三 个 页 面 的 相互 链 
接 就 构成 了 整个 完整 的 新 闻 类 系统 。 首 页 是 显示 所 有 栏目 新 闻 的 一 个 窗口 ,是 整个 站 点 的 入 
口 ;列表 页 是 针对 某 一 栏目 或 专题 而 言 的 ,是 用 于 将 该 栏目 或 专题 下 的 新 闻 以 列表 的 形式 显示 
出 来 的 页 面 ;内 容 页 是 用 于 显示 新 闻 具 体内 容 的 页 面 , 是 最 重要 的 页 面 。 具 体操 作 步 骤 如 下 : 
CD 对 列表 页 进行 设计 ,效果 如 图 2-18 所 示 。 
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n 建设 动态 SRR: 首页 >> 建 设 动态 n 专题 新 闻 More>> 
[ 陵 设 动态 ] 台 当 局 宣布 由 连战 出 席 APEO 几 会 历年 最 高 层级 2008-08-17 | [*] 台湾 动态 
[Biss] iiio IRURE KJ. ERRORI CE URCT EARBA E 2008-03-17 | [*] PRSTE 
DERAN] REz HctoREIE 6 HVETAOADE ; 共 课 良 第 大 时 艰 2008-08-15 | [*] RPI 
DERAN] db (Rite HEIS EIOS TERN 2008-08-15 
[建设 动态 ] 评论 : 煤矿 “封口 费 ” 是 心理 脆弱 之 体现 2008-08-15 ”器 MANM More>> 
DERSIS] FIUIHIMCIE ORE: AARLE EE? 2008-08-15 | 
DRASS RNS EART REDKE 2 AREF 2008-08-15 | [他 山 之 石 ] 河南 济源 马 庄 焊 矿 发 生 过 水 事故 21… 12 
DRASS) 西夏 山南 雪 究 已 造成 6 人 死亡 1700 多 人 被 困 2008-08-15 | DERG] MERIR "Magi" 首次 让 观 次 .9 
Dixit] REIR “MRA” 首次 让 观 永 体验 飞行 2008-08-15 [AMAA] 京 沪 处 召开 会 间 习 十 七 届 三 中 全 …， 3 
BERRADA] EPE E EUR QUU: RUE A PODER" 2008-03-15 | LEXE) PIEESIERRHESRREMHAR RES. 1 
BRARD] 京 沪 处 召开 合议 学 习 十 七 届 三 中 全 会 精神 2008-08-15 | [山系 风光 ] FØREREN TAEL 0 
[iiti] 改革 开放 以 来 中 国 能 源 消费 手 均 增长 5.4%% 2008-08-15 
[ 限 设 动态 ] * IBS ERE ES AMEP E PR DAR E 2008-08-15 
Ditis] 中 国 积极 应 对 气候 变化 2008-08-15 
DRAAD] SEE IDUHA SERAIS EIL LAE 2 1- 2008-08-15 
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图 2-18 “新 闻 类 别 网 站 ”列表 页 设计 图 


先 来 划分 这 个 列表 页 面 .除了 基本 的 框架 外 ,其 中 的 内 容 排列 采用 的 是 和 “最 新 新 闻 ” 模 
块 相 同 的 形式 ,只 是 页 面 的 具体 内 容 和 列表 项 目的 数量 不 同 .另外 还 增加 了 一 个 分 页 导航 。 

在 此 ,还 是 采用 老 办 法 , 先 打 开 框 架 页 面 .在 框架 页 面 的 基础 上 将 图 2-17 做 好 的 “最 新 
新 闻 ” 列 表 框 架 的 结构 进行 调整 ,制作 出 所 需 的 模块 样式 ,再 将 相应 的 内 容 添加 进来 进行 页 
面 排版 ,从 而 实现 如 图 2-18 所 示 的 列表 页 效果 图 。 

(2) 对 内 容 页 进行 设计 ,效果 如 图 2-19 所 示 。 

同上 一 步骤 , 先 来 划分 内 容 页 面 ,除了 基本 的 框架 外 ,其 中 “专题 新 闻 ” 和 “热点 新 闻 ” 模 
块 与 列表 页 面 中 采用 相同 的 结构 ,只 是 内 容 部 分 有 所 不 同 。 

在 制作 上 还 是 采用 老 办 法 , 先 打开 框架 页 面 ,在 框架 页 面 的 基础 上 将 图 2-18 做 好 的 “ 专 
题 新 闻 ” 和 ”热点 新 闻 ? 模 块 复制 过 来 ,重点 在 于 实现 内 容 部 分 的 设计 ,从 而 实现 如 图 2-19 所 
示 的 效果 。 

内 容 页 部 分 的 模块 也 可 进一步 划分 ,并 采用 统一 的 结构 ,为 套用 程序 做 好 准备 ,具体 分 
为 五 块 : 标题 .相关 信息 .导读 .内 容 和 前 后 导航 。 在 实际 的 显示 中 ,这 种 结构 是 不 变 的 ,只 
是 具体 的 内 容 发 生 了 变化 。 对 这 五 个 部 分 分 别 进 行 显示 样式 的 设计 ,从 而 达到 和 谐 一 致 的 
效果 ,如 图 2-20 所 示 。 
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Smau m 
= reas Sata: 首页 >> 建 设 动态 ë 器 专题 新 闻 More>> 
专家 评 奥巴马 当选 后 国际 热点 问题 走势 及 政治 格局 SE 
发 布 时 间 : 2008-08-15 WRB : 12 次 作者 : PES 来 源 : PIKOA Creme 
[*] 京 沪 学 习 
Sk: 时 县 弘 况 ， 次 奥巴马 天 在 为 止 已 和 表示 的 对 外 政策 主张 我 莉 好 同 共 和 党 的 政治 网 pp — 


MIEREA, ENUDSCRGCEID ARROW. (ERES SICUT ， 她 要 迅速 撒 军 。 


MUZE IRI EUR EHI AN 12 
IUPHMMEHERD, RUD M RREIZ EBEGHENNOHIUUUR HAEREA  DÉSSUDIBURGHIUR “珠海 党” 首次 让 观众 …9 
力 ， WODRXDHBRHES EA RUE SEINES. D bip ius eU o E 9 
LEGEM] 中 国友 与 国际 社会 共同 维护 全 于 多 1 
RURZARER., REND 2. MARTERR. MÜNIIAGRUEREXTEAROTER.D —— 【山系 风光 ] 中 国 积极 应 对 气候 变化 o 
经 发生 了 。 但 是 奥巴马 上 各 此 定 是 提供 了 一 个 可 能 性 ,大 家 都 涪 奥巴马 是 一 个 在 对 外 政治 上 是 一 个 世界 大 
部 分 国家 都 基本 满意 比 裕 喜欢 的 各 统 ， 我 起 不 一 定 。 
上 一 入 文章: 也 时 反对 生发 生 大 T—NXS: EMEN EK 
关于 我 们 | RRRA | 功能 简介 | 版 权 说 明 | SWAT 
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图 2-19 “新 闻 类 别 网 站 ”内容 页 的 设计 图 
当前 位 置 : 首页 >> 公 告 通知 A 
PR 相关 信息 
退休 职工 马 振 山 举办 个 人 庭院 画展 
发 布 时 间 : 2007-03-11 WIRI : 1502 次 作者 : 按时 地 方 来 源 : HOT 
导读 : 时 打 时 打发 全 的 按时 地 方 控 时 的 反对 伍 发 探 时 打发 人 的 探 时 地 方 控 时 的 反对 发 侯 的 拔 时 l as 
MOSISRIQOECHRER ERI TRANAS EINEN TE 
SRHTRÍIODISIEHOSISE HRS ISTE ET AIERT HU IERTA RUN TERI TR DIST HOY IT 
IOEHRORSSELT MAIRETA V ISPIID EH RORSEHTR UBDISPI HOT ROTERER T laf 
IHCSISRIQDEE MRUR IRRI FD ADIRE HOT ISIIQD IRR IROTT ANOSA 内 容 
MAREEN HAEA ER EAEN ORINE ETUNA REKEN ARENAN 
MERHER EAEN E TRUMNA REARS RENET HAERA EREKE LER 
前 后 导航 
上 一 基文 章 : 我 座 称道 总 关 情 ( 自 有 Fj30 周 和 证 .… 


图 2-20 设置 显示 样式 


通过 对 各 个 版 块 的 调整 和 整体 的 排版 .从 而 实现 如 图 2-19 所 示 的 内 容 页 效果 图 。 
2.5.3 相关 知识 拓展 


1. 页 面 布局 技术 


常用 的 页 面 布局 方法 有 : 层 芭 样式 表 页 面 布局 .表格 页 面 布局 ,框架 页 面 布局 ,透明 
GIF 页 面 布 局 和 Flash 页 面 布局 。 


网 站 项 目 规划 与 设计 
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在 HTML 4. 0 标准 中 , 层 倒 样式 表 (CSS) 能 完全 精确 地 定位 文本 和 图 片 。 现 在 CSS 已 
经 成 为 一 个 比较 流行 的 页 面 布局 方法 ,可 以 实现 过 去 无 法 实现 的 网 页 布局 。 越 来 越 多 的 浏 
览 器 开始 支持 CSS 技术 ,但 不 同 的 浏览 器 对 CSS 相关 属性 的 解释 可 能 略 有 不 同 ,制作 网 页 
时 应 该 注意 。 

(2) 表格 页 面 布局 

表格 布局 现在 几乎 已 成 为 一 个 页 面 布局 的 标准 , 它 的 优势 在 于 表格 能 对 不 同 对 象 加 以 
处 理 ,而 又 不 用 担心 不 同 对 象 之 间 的 影响 。 表 格 的 每 一 个 单元 格 可 以 放置 不 同文 本 和 图 片 ， 
而 且 非 常 易于 对 齐 。 表 格 边界 设置 为 0, 浏览 时 就 看 不 到 表格 边框 ,只 能 看 到 表格 单元 格 内 
放置 的 内 容 。 使 用 表格 进行 页 面 布局 比 用 CSS 还 要 方便 。 表 格 布局 唯一 的 缺点 是 , 当 用 了 
过 多 表格 时 ,页 面 下 载 速度 会 受到 影响 。 

(3) 框架 页 面 布 局 

框架 可 以 用 于 页 面 布局 ,框架 页 面 以 左上 角 对 齐 , 每 一 个 框架 部 分 都 可 以 独立 控制 ,但 
表格 单元 格 却 不 可 以 单独 控制 。 从 布局 上 考虑 ,框架 结构 不 失 为 一 个 好 的 布局 方法 。 框 架 
技术 也 可 以 设置 边框 为 0, 浏览 时 也 看 不 到 框架 的 边框 。 

(4) 透明 GIF 页 面 布局 

透明 GIF 图 像 可 以 作为 空白 区 域 的 占 位 符 插入 到 网 页 中 ,它们 是 背景 透明 .尺寸 可 变 
的 图 像 ,因此 , 透 过 图 像 可 以 看 到 页 面 的 背景 ,浏览 者 是 看 不 到 透明 GIF 图 片 的 。 可 以 在 
二 IMG 二 标记 中 指定 透明 GIF 图 像 的 高 、 宽 属性 来 创建 需要 的 空白 的 尺寸 。 例 如 ,使 段落 
从 左面 缩 进 20 个 像素 , 则 在 段落 的 第 一 个 字符 前 插入 下 面 的 标记 ， 


< IMG SRC= "transparent.gif" HEIGHT- "2"WIDTH- "20"> 


也 可 以 在 表格 的 单元 格 中 放置 透明 的 GIF 图 像 用 于 控制 行 或 者 列 的 尺寸 。 

(5) Flash 页 面 布局 

这 种 页 面 布局 采用 了 现在 非常 流行 的 Flash 动画 用 于 规划 页 面 的 布局 ,Flash 有 强大 的 
功能 ,使 页 面 所 表达 的 信息 更 丰富 ,其 视觉 效果 及 听觉 效果 要 比 其 他 页 面 布 局 更 加 具有 冲击 
力 , 是 当今 最 流行 的 一 种 技术 ,但 是 显示 文字 信息 内 容 比 较 少 ,另外 还 需要 更 快 的 机 器 和 更 
高 的 网 络 带宽 。 


2. 页 面 尺寸 


由 于 页 面 尺 寸 与 显示 器 大 小 及 分 辩 率 有 关系 ,因此 网 页 不 能 超越 显示 器 的 范围 ,而 且 因 
为 浏览 器 本 身 也 占 去 屏幕 不 少 空间 ,所 以 留 给 页 面 的 空间 就 会 变 得 更 加 小 。 一 般 分 辩 率 在 
800X600 像素 的 情况 下 ,页 面 的 显示 尺寸 为 780 X 428 像素 ;分 辩 率 在 640X480 像素 的 情 
况 下 ,页 面 的 显示 尺寸 为 620X311 像素 ;分 辩 率 在 1024X768 像素 的 情况 下 ,页 面 的 显示 尺 
二 为 1007X600 像素 。 从 以 上 数据 可 以 看 出 ,分辩 率 越 高 ,页 面 尺寸 越 大 。 

浏览 器 的 工具 栏 也 是 影响 页 面 尺 寸 的 主要 原因 。 一 般 浏 览 器 的 工具 栏 都 可 以 显示 或 者 
隐藏 ,因而 造成 页 面 显示 的 尺寸 也 是 不 一 样 的 。 

在 网 页 设计 过 程 中 ,向 下 拖 动 页 面 是 唯一 给 网 页 增加 更 多 内 容 ( 尺 寸 ) 的 方法 。 但 除非 
需要 ,和 否则 不 要 使 用 让 访问 者 拖 动 很 长 页 面 的 方法 来 增加 页 面 的 尺寸 ,页 面 过 长 ,访问 者 往 
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往 会 忽视 页 面 下 面 的 内 容 。 
另外 ,要 切记 在 网 页 设计 过 程 中 ,一 定 不 要 让 页 面 过 宽 , 造 成 左右 拖 动 的 页 面 。 


2.5.4 经 验 总 结 


整体 网 站 拥有 一 致 的 设计 风格 是 很 重要 的 ,其 中 网 站 首页 的 设计 是 重 中 之 重 ,在 首页 的 
风格 和 样式 确定 后 ,其 他 页 面 的 设计 都 要 遵循 这 种 风格 ,使 网 站 整体 看 起 来 和 谐 统 一 。 


2.6 实 训 


按照 本 章 的 讲解 过 程 ,利用 Adobe Fireworks CS3 或 其 他 作 图 软件 完成 “新 闻 类 别 网 
站 ”的 框架 设计 工作 ,并 设计 网 站 首页 和 各 主要 页 面 。 
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在 对 网 站 进行 操作 时 ,有 许多 数据 都 需要 存储 起 来 。 比 如 ,在 网 上 注册 邮箱 时 ,需要 填 
写 用 户 注册 信息 ,在 填写 完成 后 , 单 击 【提交 3】 按钮 ,用 户 所 填写 的 数据 就 会 传 给 服务 器 ,并 存 
储 到 服务 器 的 磁盘 上 。 再 如 ,在 用 户 登录 邮箱 时 ,需要 先 输入 用 户 名 和 密码 ,服务 器 根据 用 
户 提交 的 这 两 个 数据 进行 身份 验证 ,这 个 验证 过 程 需要 从 预先 存储 的 用 户 注册 信息 里 进行 
查询 , 若 存 在 该 用 户 , 则 验证 通过 ,否则 验证 不 通过 。 上 述 操作 都 需要 用 到 数据 库 管理 软件 ， 
此 类 软件 能 够 实现 数据 的 存储 并 在 此 基础 上 实现 增加 、 删 除 、 修 改 、 查 询 等 常用 的 数据 操作 
(当然 数据 库 软 件 的 功能 远 不 止 这 些 , 这 些 只 是 它 的 最 基本 的 功能 )。 

数据 库 缩 写 为 DB, 即 Database, 用 来 存放 网 站 所 需 的 后 台数 据 。 目 前 常用 的 数据 库 是 
关系 型 数据 库 ,“ 新 闻 类 别 网 站 ”采用 微软 的 SQL Server 2005 作为 数据 库 的 管理 软件 。 

网 站 建设 在 本 阶段 的 工作 任务 包括 : 确定 网 站 的 数据 结构 ,创建 数据 库 、 创 建 表 、 分 离 
和 附加 数据 库 。 


3.1 确定 网 站 的 数据 结构 
3.1.1 任务 描述 
对 “新 闻 类 别 网 站 ”进行 数据 分 析 , 确 定 此 网 站 的 数据 结构 需求 。 
3.1.2 任务 实现 


具体 操作 步骤 如 下 。 

(1) 收集 信息 

要 确定 “新 闻 类 别 网 站 ”的 数据 结构 ,首先 要 充分 理解 网 站 需要 完成 的 任务 和 需要 实现 
的 功能 ,网 站 功能 的 实现 需要 后 台数 据 库 的 支持 。 也 就 是 说 要 考虑 在 数据 库 中 存储 什么 数 
据 , 才 能 支持 网 站 功能 的 实现 。 

“新 闻 类 别 网 站 ”的 功能 具体 包括 以 下 几 点 。 

。 用 户 的 注册 和 登录 功能 : 这 要 求 后 台数 据 库 存放 用 户 的 注册 信息 和 在 线 状 态 信息 。 

。 新 闻 管 理 功能 : 新 闻 数 据 是 网 站 的 主要 数据 .要求 后 台数 据 库存 放 各 条 新 闻 的 相关 
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信息 ,形成 新 闻 的 动态 管理 。 

栏目 管理 功能 : 将 新 闻 分 成 若干 类 别 ,形成 网 站 不 同 的 栏目 。 要 求 后 台 存 放 栏目 的 

相关 信息 。 

。 专题 管理 功能 : 可 能 会 就 某 个 专题 进行 新 闻 讨论 ,需要 按 专题 对 新 闻 进 行 组 织 , 形 

成 不 同 专题 的 新 闻 条 目 。 要 求 后 台 存 放 专 题 的 相关 信息 。 

(2) 标识 实体 

dp 知识 储备 

实体 (Entity) ; 是 指 客观 存在 而 又 可 以 相互 区 别 的 事物 ,该 事物 具有 可 区 分 于 他 物 的 特 
征 或 属性 ,并 与 其 他 实体 有 一 定 的 联系 。 实 体 可 以 是 具体 的 事物 ,例如 一 名 注册 用 户 , 一 条 
新 闻 等 。 

实体 集 : 性 质 相 同 的 同类 实体 的 集合 称 为 实体 集 。 例 如 所 有 的 注册 用 户 , 所 有 的 新 

属性 : 实体 的 特征 称 为 实体 的 属性 。 每 个 实体 都 可 以 有 很 多 特性 ,每 一 个 特性 称 为 一 
个 属性 。 每 个 属性 有 一 个 值 域 ,其 类 型 可 以 是 整数 型 .实数 型 .日 期 型 .文本 型 等 。 例 如 注册 
用 户 有 用 户 编号 用户 姓名 、 出 生日 期 性别 等 属性 ,新 闻 有 新 闻 标 题 、 新 闻 内容 、 新 闻 作 者 、 
新 闻 来 源 、 新 闻 发 表 时 间 等 属性 。 

实体 标识 符 : 能 唯一 标识 实体 的 属性 或 属性 集 称 为 实体 标识 符 。 有 时 也 称 为 关键 码 、 
键 或 主键 。 例 如 注册 用 户 的 用 户 编号 可 作为 注册 用 户 实体 的 标识 符 。 

关系 (Relationship): 两 个 或 多 个 实体 之 间 的 联系 。 例 如 某 个 用 户 与 菜 条 新 闻 之 间 的 
管理 关系 。 

关系 集 : 相同 类 型 的 关系 的 集合 。 例 如 所 有 用 户 与 所 有 新 闻 之 间 的 管理 关系 。 

“新 闻 类 别 网 站 ”的 实体 有 以 下 几 个 。 

， 用户 实 体 : 在 “新 闻 类 别 网 站 ”中 具有 新 闻 编 辑 功能 的 用 户 。 

- 新 闻 文章 实体 :“ 新 闻 类 别 网 站 ”中 的 新 闻 文 章 。 

* 日 志 实体 : 记录 “新 闻 类 别 网 站 ”被 用 户 操 作 的 各 项 活动 。 

。 栏 目 实体 :“ 新 闻 类 别 网 站 ”的 网 站 栏目 。 

”专题 实体 :“ 新 闻 类 别 网 站 ”的 新 闻 分 类 专题 。 

(3) 标识 每 个 实体 的 属性 

实体 的 属性 即 实体 需要 存储 的 详细 信息 。 

用 户 实体 的 属性 有 : 用 户 名 、 用 户 密码 、 用 户 类 型 .用 户 注册 时 间 、 最 后 登录 时 间 、 最 后 
登录 IP、 用 户 发 表 的 新 闻 数 、 用 户 的 登录 次 数 。 

新 闻 实体 的 属性 有 : 新 闻 文 章 标题 文章 导读 信息 ,文章 内 容 、 文 章 关 键 字 、 文 章 作者 、 
文章 来 源 .文章 添加 时 间 文章 相关 的 图 片 .文章 所 属 栏 目 文章 所 属 专 题 .操作 用 户 名 文章 
的 点 击 次 数 。 

日 志 实 体 的 属性 有 : 操作 用 户 名 .日 志 类 型 .日 志 添加 时 间 、 操 作用 户 的 TP 地 址 、 操 作 
结果 。 

栏目 实体 的 属性 有 : 栏目 名 称 、 栏 目的 英文 名 称 、 栏 目 简 介 、 栏 目 URL、 栏 目 添加 时 间 、 
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栏目 排序 情况 .栏目 的 父 栏目 .栏目 是 否 隐 藏 。 
专题 实体 的 属性 有 : 专题 名 称 .专题 简介 .专题 添加 时 间 。 
(4) 标识 实体 之 间 的 关系 
现实 中 的 这 些 实体 ,在 逻辑 上 具有 一 定 的 联系 。 例 如 用 户 和 新 闻 两 个 实体 ,用 户 实体 对 
新 闻 实体 做 管理 ,用 户 实体 可 以 添加 新 闻 ,编辑 新 闻 、 删 除 新 闻 。 需 要 对 前 面 所 列 的 实体 进 
行 分 析 , 寻 找 各 实体 之 间 的 联系 ,确定 各 实体 之 间 的 逻辑 关系 ,以 便于 在 数据 库 中 实现 这 些 
联系 ,确保 数据 库 中 反映 的 数据 信息 和 现实 中 的 实体 间 的 关系 是 相互 一 致 的 。 
fp 知识 储备 
实体 间 的 关系 有 一 对 一 关系 、 一 对 多 关系 、 多 对 多 关系 。 
。 一 对 一 关系 : 如 果实 体 集 El 中 每 个 实体 最 多 和 实体 集 E2 中 的 一 个 实体 有 关系 , 反 
之 亦 然 ,那么 实体 集 El 和 E2 的 关系 称 为 “一 对 一 关系 ”, 记 为 “1 : 1”。 
。 一 对 多 关系 : 如 果实 体 集 El 中 每 个 实体 可 以 与 实体 集 E2 中 任意 一 个 ( 零 个 或 多 
个 ) 实 体 间 有 关系 ,而 E2 中 每 个 实体 最 多 和 El 中 一 个 实体 有 关系 ,那么 称 El 对 E2 
的 关系 是 “一 对 多 关系 ”, 记 为 “1 : n”. 
。 多 对 多 关系 : 如 果实 体 集 El 中 每 个 实体 可 以 与 实体 集 E2 中 任意 一 个 ( 零 个 或 多 
个 ) 实 体 有 关系 ,反之 亦 然 , 那 么 称 El 和 E2 的 关系 是 “多 对 多 关系 ”, 记 为 “m : n", 
“新 闻 类 别 网 站 ”的 实体 间 关 系 描述 如 下 : 
CD 用 户 实体 管理 新 闻 实体 ,一 个 用 户 可 以 管理 多 条 新 闻 ,一 条 新 闻 只 能 被 一 个 用 户 管 
理 。 这 二 者 之 间 的 关系 可 以 描述 为 一 对 多 的 关系 。 用 户 表 称 为 主 表 ,新 闻 表 称 为 从 表 。 
@ 系统 日 志 记 录用 户 操作 系统 的 情况 ,用 户 操 作 网 站 一 次 ,将 被 记录 一 次 ,日 志 可 以 记 
录 所 有 用 户 的 操作 情况 。 日 志 表 称 为 主 表 .用 户 表 称 为 从 表 。 
© 系统 栏目 的 每 个 栏目 可 以 包括 多 条 新 闻 . 而 每 条 新 闻 只 能 属于 一 个 栏目 。 栏 目 表 称 
为 主 表 , 新 闻 表 称 为 从 表 。 
@ 系统 专题 的 每 个 专题 可 以 包括 多 条 新 闻 . 而 每 条 新 闻 只 能 属于 一 个 专题 。 专 题 表 称 
为 主 表 , 新 闻 表 称 为 从 表 。 
(5) 绘制 实体 一 关系 (E-R.Entity-Relationship) 图 
r4 知识 储备 
E-R 图 中 的 符号 有 以 下 几 种 。 
t RUE. 表示 实体 集 。 
。 ZWE: 表示 实体 间 的 关系 集 。 
。 椭圆 形 框 : 表示 实体 或 关系 的 属性 。 
。 连 线 : 连接 属性 和 实体 集 , 或 者 连接 实体 集 和 关系 集 , 实 体 集 与 实体 集 间 的 映射 基 
数 标注 在 连 线 的 附近 。 
根据 上 面 的 E-R 图 符号 定义 ,可 以 绘制 出 “新 闻 类 别 网 站 ”的 E-R 图 ,如 图 3-1 所 示 。 
(6) 将 E-R 图 转化 为 表 
CD 将 各 实体 转化 为 对 应 的 表 , 每 个 实体 对 应 一 张 表 :将 各 属性 转化 为 各 表 对 应 的 列 ,每 
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EHD ED Gb ED 


(系统 专题 表 ) 


图 3-1 “新 闻 类 别 网 站 ”的 E-R 图 


个 属性 对 应 一 个 列 。 
O 标识 各 表 的 主键 列 , 若 该 表 没 有 主键 列 , 添 加 ID( 编 号 ) 列 ,ID 列 没有 实际 的 含义 ,只 
是 用 来 唯一 标识 该 表 的 记录 . 即 作 为 该 表 的 主键 列 。 
CD 将 实体 间 的 映射 关系 转化 为 表 间 的 主键 、 外 键 关系 。 
转化 后 的 结果 如 表 3-1 一 表 3-5 所 示 。 
表 3-1 Admin (用 户 表 ) 


字 段 名 数据 类 型 说 9 
[ID] [int] 用 户 编号 ,自动 产生 
[AdminName] [varchar(50)] 用 户 名 ,主键 
[AdminPwd] [varchar(50) ] 用 户 密码 ,不 能 为 空 
[AdminType] [smallint] 用 户 类 型 ,不 能 为 空 
[AddTime] [smalldatetime] 注册 时 间 
[LastLoginTime] [smalldatetime] 最 后 登录 时 间 
[LastLoginIP] [varchar(50)] 最 后 登录 IP 
[NewsNum] [int] 发 表 的 新 闻 数 
[LoginNum] [int] 登录 次 数 
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表 3-2 Article (文章 表 ) 

* 段 名 数据 类 型 说 明 
[ID] [int] 文章 编号 ,主键 ,自动 产生 
[ArticleTitle] [ varchar( 255) ] 文章 标题 ,不 能 为 空 
LArticleInfo ] [ varchar( 255) ] 文章 导读 
[ArticleContent] [ntext] 文章 内 容 
[ArticleKey] [ varchar( 255) ] 文章 关键 字 
[ArticleAuthor] [varchar(50)] 文章 作者 
[ArticleFrom] [ varchar( 255) ] 文章 来 源 
[ArticleTime] [ smalldatetime] 文章 添加 时 间 
[ArticlePicture] [ varchar(255) ] 文章 中 的 图 片 存 储 路 径 
[MenuID] [varchar(50)] 文章 所 属 栏目 ,外 键 
[IsHead] [int] 是 否 置顶 
[IsImg] [int] 是 否 图 片 新 闻 
[IsHot] [int] 是 否 热点 新 闻 
[SpecialID] [varchar (50)] 文章 所 属 专 题 ,外 键 
[AdminName] [varchar(50)] 文章 操作 用 户 ,外 键 
[Hit] [int] 点 击 次 数 

表 3-3 Log (系统 日 志 表 ) 

字 段 名 数据 类 型 说 明 
[LogID] int 日 志 ID ,主键 ,自动 产生 
[AdminName] [varchar(50)] 操作 用 户 名 ,外 键 
[LogType] [varchar(100)] 日 志 类 型 
[LogTime] [datetime] 日 志 添 加 时 间 
[IP] [varchar(50)] 操作 者 IP 
[Result] [varchar(3)] 操作 结果 

表 3-4 Menu (系统 栏目 表 ) 

字 段 名 数据 类 型 说 明 
[MenuID] [varchar(50)] 栏目 ID, 主 键 
[MenuName] [varchar(50) ] 栏目 名 称 ,不 能 为 空 
[MenuEName] [varchar(50) ] 栏目 的 英文 名 称 
[MenuMe] [varchar(200)] 栏目 简介 


(do 


第 3 章 实现 网 站 数据 库 


续 表 

字 段 名 数据 类 型 i 明 
[MenuURL] [varchar(200)] 栏目 URL 
[AddTime] [datetime] 栏目 添加 时 间 
[OrderID] [int] 栏目 排序 ID 
[ParentID] [int] 父 栏 目 ID 
[IsHide] [int] Jm pa 

表 3-5 ”Special (系统 专题 表 ) 

字 段 名 数据 类 型 说 0 
[SpecialID] [varchar(50)] 专题 ID. d: 
[SpecialName] [varchar(50) ] 专题 名 称 
[SpecialInfo ] [varchar(100) ] 专题 简介 
[SpecialTime] [datetime] 专题 添加 时 间 


(7) 数据 规范 化 


接 下 来 是 对 上 面 形成 的 表 进 行规 范 化 ,数据 规范 化 应 该 按照 规范 化 标准 来 进行 。 


A 知识 储备 


数据 规范 化 是 要 消除 表 中 的 数据 完 余 和 操作 异常 。 数 据 规范 化 的 标准 按照 第 一 范式 
ANF) .第 二 范式 (2NF) 、 第 三 范式 (3NF) .第 四 范式 (4NF) 、 第 五 范式 (5NF) 来 进行 ,对 于 绝 
大 多 数 的 实际 应 用 来 说 ,3NF 已 能 够 消除 大 多 数 普 通 情况 下 的 数据 守 余 和 操作 异常 。 


使 数据 达到 第 三 范式 ,可 以 按照 下 面 的 方法 来 做 : 


(D 删除 表 中 重复 的 列 以 达到 第 一 范式 。 


Q) 删除 表 中 不 完全 依赖 于 主键 的 数据 以 获得 第 二 范式 。 


@ 删除 不 属于 该 表 的 数据 ( 即 完全 依赖 于 其 他 列 或 外 键 的 数据 项 ) ,使 数据 符合 第 三 


(D 检查 表 的 每 一 行 是 否 表 示 有 意义 的 信息 。 

© 允许 表 中 出 现 一 定数 量 的 宛 余数 据 ,以 减少 操作 数据 时 的 跨 表 连 接 , 从 而 提高 系统 
性 能 。 这 种 增加 数据 宛 余 以 提高 数据 库 性 能 的 过 程 称 为 非 规范 化 。 

用 3NF 的 要 求 检查 “新 闻 类 别 网 站 ”的 表 结 构 , 可 以 发 现 这 些 表 的 定义 已 满足 3NF。 


(8) 将 E-R 图 转换 成 数据 库 的 逻辑 模型 (如 图 3-2 所 示 ) 


(9) 备注 


为 了 方便 网 站 的 编程 与 后 期 维护 管理 ,在 上 述 的 业务 数据 表 之 外 , 另 增加 两 个 数据 表 ， 
一 个 是 系统 配置 表 , 存 放 系统 的 一 些 配置 信息 ,如 表 3-6 所 示 ; 另 一 个 是 超 链接 表 , 存 放 与 本 
网 站 有 链接 的 其 他 网 站 的 信息 ,如 表 3-7 所 示 。 


ey 
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E [UT 四 本 ma 
PK | AdminName PK | SpecialID 
PK |D -一 

AdminPwd A 

AdminType ArticleTitle arie 

AddTime -一 一 ArticleInfo DA 

SpecialTime 

LastLoginTime ArticleContent 

LastLoginIP ArticleKey 

NewsNum ArticleAuthor 

LoginNum ArticleFrom Monu. 

ArticleTime P= 
ArticlePicture PK | MenuID 
FK2 | MenuID | 
IsHead MenuName 
PK LogID IsImg | MenuEName 
IsHot MenuMe 
FK1 | AdminName FK3 | SpecialID MenuURL 
LogType FKI | AdminName AddTime 
LogTime Hit OrderID 
IP ParentID 
Result IsHide 
图 3-2 “新 闻 类 别 网 站 "的 数据 库 逻 辑 模型 图 
表 3-6 Config (系统 配置 表 ) 

* BRA 数据 类 型 说 明 
[configID] [int] 配置 ID ,主键 
[Title] [varchar(50) ] 系统 名 称 
[Author] [ varchar(50) ] 系统 作者 
[Description] [ varchar( 50) ] 系统 描述 
[Keyword] Lvarchar(50)] 系统 关键 字 
[Copyright] Lvarchar(50)] 版 权 信息 
[Email] [varchar(50)] E-mail 地 址 
LAdminUserListNum ] [ int] 后 台 用 户 列表 数 
[AdminLogListNum] [Lint] 后 台 日 志 列表 数 
[ AdminNewsListNum ] 后 台 文 章 列表 数 
[ HotNewsNum] [int] 热点 新 闻 列 表 数 
[HeadNewsNum] [int] 头条 新 闻 列 表 数 
[ TopNewsNum] [int] 最 新 新 闻 列 表 数 
[ ToplmgNum] [int] 最 新 图 片 列 表 数 
[ClassNewsNum] [int] 栏目 新 闻 列 表 数 
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表 3-7 Link ( 超 链接 表 ) 


字 段 名 数据 类 型 说 明 
[LinkID] [numeric] 超 链接 ID ,主键 
[SiteName] [varchar(50)] 站 点 名 称 
[Readme] [varchar(50)] 站 点 简介 
[URL] [varchar(100) ] URL 

[Orders] [int] 排序 ID 


3.1.3 相关 知识 拓展 

本 节 的 E-R 图 和 数据 库 模 型 图 均 是 使 用 Microsoft Office Visio Professional 2003 绘制 
的 。 请 先 在 计算 机 上 安装 该 软件 ,然后 参照 下 面 的 方法 绘制 上 述 的 图 形 。 

1. E-R 图 的 绘制 


绘制 E-R 图 的 具体 操作 步骤 如 下 : 
(1) 打开 Microsoft Office Visio 2003, 在 【选择 绘图 类 型 ] 中 选择 【框图 】I【 基 本 框图 ] 模 
板 , 如 图 3-3 所 示 。 


类 别 


Cy Web 图 表 
Dr [ A g Cpo 
Orera il l ] 
Corm OX ZA 日 
口 建筑 设计 图 

基本 杠 图 具有 透视 效果 的 框图 框图 


图 3-3 选择 绘图 类 型 


(2) 在 打开 的 工作 界面 中 ,从 【形状 了 面板 的 [基本 形状 了 中 选择 * 和 矩形 ”椭圆 *。 若 看 不 
到 * 萎 形 ”, 可 利用 【形状 了 面板 的 【搜索 形状 了 下 拉 列 表 进 行 搜索 ， 
一 可 如 图 3-4 所 示 。 

绘制 线条 时 T ORCA AIEE F RET RUPEE 
令 , 再 使 用 [绘图 】 工 具 栏 中 的 直线 进行 绘制 。 

将 所 需要 的 形状 拖 动 至 绘图 页 ,双击 该 对 象 可 进行 文字 设 


图 3-4 搜索 形状 
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置 。 更 多 的 其 他 操作 请 读者 自行 学 习 。 
2. 数据 库 模型 图 的 绘制 


绘制 数据 库 模 型 图 的 具体 操作 步骤 如 下 : 
CD 单 击 [ 文 件 ] 民 新 建 ] 民 数据库] 民 数 据 库 模型 图 命令 ,得 到 的 效果 如 图 3-5 所 示 。 


图 3-5 新 建 数据 库 模型 图 


(2) 拖 动 [实体 图标 至 右 侧 的 绘图 页 , 松 开 鼠标 出 现 一 个 新 的 实体 ,在 绘图 页 下 面 的 
【数据 库 属性 3 面板 中 对 该 实体 进行 各 种 设置 ,如 图 3-6 所 示 。 


图 3-6 实体 的 设置 


(3) 以 用 户 实体 的 设置 为 例 ,图 3-7 是 设置 好 的 用 户 实体 。 
下 面 进行 用 户 实体 的 具体 设置 。 
【定义 页 面 的 详细 设置 如 图 3-8 所 示 。 

@【 列 了 页 面 的 详细 设置 如 图 3-9 Bram. 
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AdminPwd 
AdminType 
AddTime 


LastLoginTime 
LastLoginIP 
NewsNum 
LoginNum 


MEER): 
概念 名 称 CY) 
命名 空间 0 : 
所 有 者 O: 

源 数据 库 V) 


定义 类 型 0) 


回 键入 时 同步 名 称 G) 


图 3-8 【定义 页面 的 设置 


其 他 的 页 面 不 必 设置 。 


Adinia 标识 APA 
AaninPwd 属于 APR 
dinType 属于 BS 
Di 于 用 户 表 
xinTine 属于 AAR 
LastLoginI 属于 用 户 表 
evslum 属于 P 
Logia 属于 AAS 


图 3-9 【 列 ] 页 面 的 设置 


按照 上 面 的 方法 创建 其 他 的 实体 。 然 后 拖 动 图 3-5 左 侧 所 示 的 【关系 图 标 至 主 表 , 当 
主 表 周围 出 现 红 色 的 边框 时 放 开 鼠标 左 键 ; 再 拖 动 这 条 "关系 ? 线 的 尾部 至 从 表 , 当 从 表 周 于 
出 现 红色 的 边框 时 放 开 鼠标 左 键 , 此 时 两 个 表 的 关系 即 可 成 功 建立 。 这 条 “关系 ” 线 的 箭头 


方向 指向 主 表 。 


3.1.4 经 验 总 结 


对 于 E-R 图 的 学 习 , 初 学 者 一 般 不 甚 理 解 ,但 这 个 方法 确实 是 确定 未 来 系统 的 数据 表 
及 其 结构 的 好 方法 ,读者 可 以 多 读 相 关 的 数据 库 设计 方面 的 书籍 ,以 利于 更 好 地 使 用 该 


方法 。 


3.2.1 任务 描述 


在 SQL Server 2005 中 创建 “新 闻 类 别 网 站 ”的 数据 库 。 


3.2.2 任务 实现 


3.2 创建 数据 库 


关于 Microsoft SQL Server 2005 软件 的 安装 请 参见 5.3 节 。 
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创建 “新 闻 类 别 网 站 ”数据库 的 具体 操作 步骤 如 下 : 
(1) 打开 SQL Server 2005|SQL Server Management 
Studio, 链 接 至 数据 库 服务 器 , 右 击 【对 象 资源 管理 器 ] 面 板 | a| aen 
上 的 [数据 库 ] 对 象 ,弹出 如 图 3-10 所 示 的 快捷 菜单 ,选择 a 还 原文 件 和 文件 组 (R)… 
【新 建 数据 库 ] 命 令 ,打开 如 图 3-11 所 示 的 【新 建 数据 库 ] 对 sz d 
话 框 。 
(2) 在 【数据库 名 称 ] 文 本 框 中 输入 “新 闻 类 别 网 站 ”的 。 图 3-10 数据 库 的 快捷 菜单 
数据 库 名 News, 修 改 【 数 据 库 文件 ] 列 表 . 将 列表 中 第 一 行 
的 【逻辑 名 称 】 文 本 框 值 改 为 News_Data, 第 二 行 不 用 修改 (实际 情况 下 可 根据 需要 进行 修 
改 ), 单 击 [ 确 定 ] 按 钮 。 在 【对 象 资源 管理 器 面板 上 的 [数据库 ] 对 象 中 即 可 看 到 新 建 的 
News 数据 库 。 


[ws —— 1 Eraz] 
zr Sws -Dam 


uf 选 页 
办 文件 组 数据 库 名 称 0D Nen 
| KARO: EV — m 
| E 合用 全 文章 引 四 
| 数据库 文 件 
EI 文件 类 型 “文件 组 初始 大 小 (MB) ”自动 增长 i 
News Data — 数据 PRIMARY 3 WRH ies 不 限制 增长 。 (1. e 
Neslo BE 不 通用 1 RRA 10%， 不 限制 增长 [ka] C:\Progr wn Piles\icroso 
| 连接 
Lig 
QIADBQ-PC 
连接 
QiaobqrPCVqiae ba 
| 对 查看 连接 属性 
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图 3-11 【新 建 数据 库 ] 对 话 杠 


3.2.3 相关 知识 拓展 


在 SQL Server 2005 中 ,数据 库 是 所 有 对 象 的 集合 体 , 它 包括 的 对 象 有 表 、 视 图 .存储 过 
程 . 触 发 器 等 。 网 站 的 后 台数 据 需要 存在 数据 库 中 ,而且 是 存储 在 数据 库 的 表 对 象 中 。 
前 面 创建 的 数据 库 News 是 一 种 逻辑 上 的 数据 库 , 在 SQL Server 中 ,数据 库 用 户 是 在 
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逻辑 层面 上 使 用 数据 ,这 使 他 们 不 需要 过 多 了 解 复杂 知识 就 可 以 使 用 数据 库 。 

不 论 什么 形式 的 数据 ,在 操作 系统 的 管理 方式 下 , 均 是 以 文件 的 形式 进行 组 织 。 数 据 库 
News 在 物理 磁盘 上 也 是 以 文件 的 形式 进行 组 织 的 。 

逻辑 数据 库 News 对 应 两 个 磁盘 文件 ,一 个 文件 名 是 “News_Data. mdf”, 另 一 个 是 
“News_Log. ldf”。 这 说 明 在 使 用 逻辑 数据 库 News 时 ,其 实 SQL Server 2005 真正 在 操作 
的 是 这 两 个 物理 文件 ,或 者 说 在 操作 存储 在 物理 磁盘 上 的 这 两 个 文件 。 

下 面 进一步 说 明 数 据 库 的 物理 文件 ,理解 起 来 稍微 有 一 些 难度 。 

实际 上 ,每 个 SQL Server 2005 的 逻辑 数据 库 最 少 对 应 两 个 物理 磁盘 文件 ,创建 数据 库 
时 ,默认 方式 下 系统 将 创建 这 两 个 物理 磁盘 文件 。 这 一 点 从 News 数据 库 可 以 看 出 (News 
数据 库 是 按照 默认 方式 创建 的 数据 库 )。 这 两 个 文件 ,一 个 称 为 主要 数据 文件 ,扩展 名 是 
.mdf; 另 一 个 称 为 日 志文 件 , 扩 展 名 是 . 1df。 比 如 News 数据 库 的 News. Data. mdf 和 
News Log. ldf, 这 两 个 文件 是 必 不 可 少 的 。 

但 是 ,SQL Server 2005 中 一 个 逻辑 数据 库 可 以 对 应 多 个 物理 磁盘 文件 。 不 论 有 和 多少 
物理 磁盘 文件 ,都 可 以 把 这 些 文件 分 为 两 大 类 ,一 类 是 数据 文件 ;一 类 是 日 志文 件 。 对 于 数 
据 文件 ,又 可 以 分 为 主要 数据 文件 (扩展 名 为 . mdf) .次 要 数据 文件 (扩展 名 为 .ndf) 。 

细心 的 读者 们 ,能 不 能 看 出 News 数据 库 的 News_Data. mdf 文件 就 是 主要 数据 文件 
呢 ? 一 个 数据 库 有 且 仅 能 有 一 个 主要 数据 文件 ,但 可 以 根据 需要 有 多 个 次 要 数据 文件 。 当 
以 默认 方式 创建 数据 库 时 ,主要 数据 文件 就 是 系统 自动 创建 的 两 个 物理 磁盘 文件 之 一 ,但 是 
系统 没有 创建 次 要 数据 文件 。 所 以 次 要 数据 文件 不 是 必须 的 。 

数据 库 可 以 没有 次 要 数据 文件 ,也 可 以 有 多 个 次 要 数据 文件 。 可 以 把 这 些 数据 文件 存 
放 在 不 同 的 磁盘 上 ,这 就 需要 在 创建 数据 库 时 输入 各 个 数据 文件 的 路 径 。 

日 志文 件 是 SQL Server 2005 用 来 自动 记录 数据 库 的 操作 日 志 的 。 在 数据 库 中 ,日 志 
文件 包含 恢复 数据 库 所 需 的 所 有 日 志 信 息 。 每 个 数据 库 必 须 至 少 有 一 个 日 志文 件 , 当 以 默 
认 方 式 创 建 数据 库 时 ,日 志文 件 也 是 系统 自动 创建 的 两 个 物理 磁盘 文件 之 一 。 但 实际 上 日 
志文 件 可 以 不 止 一 个 。 

为 了 更 好 地 实现 数据 库 文 件 的 组 织 ,SQL Server 引入 了 文件 组 (Filegroup) 的 概念 。 

每 个 数据 库 有 一 个 主要 文件 组 (Primary) ,此 文件 组 包含 主要 数据 文件 和 未 放 入 其 他 文 
件 组 的 所 有 次 要 数据 文件 。 可 以 创建 用 户 定义 的 文件 组 ,用 于 将 数据 文件 集合 起 来 ,以 便于 
管理 .分 配 数 据 。 通 过 设置 文件 组 ,可 以 有 效 地 提高 数据 库 的 读 写 性 能 。 本 项 目 中 未 设置 新 
的 文件 组 。 更 多 的 资料 请 查看 相关 书籍 或 者 SQL Server 2005 的 帮助 文档 。 

当 需 要 删除 数据 库 时 ,请 在 【对 象 资源 管理 器 了 面板 中 选中 需要 删除 的 数据 库 , 右 击 鼠 
标 , 在 弹出 的 快捷 菜单 中 选择 【删除 ] 命 令 。 


3.2.4 经 验 总 结 


创建 数据 库 的 操作 界面 有 许多 选项 ,可 以 根据 需要 来 进行 设置 。 在 本 项 目的 操作 中 ,有 
一 些 注意 事项 ,说 明 如 下 。 

在 设置 数据 文件 或 者 日 志文 件 的 存储 路 径 时 ,该 路 径 必须 是 已 存在 的 路 径 , 若 输入 不 存 
在 的 路 径 , 则 创建 会 出 错 。 例 如 图 3-12 中 所 示 ,创建 News 数据 库 时 将 News Data. mdf € 


ey 
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要 数据 文件 存储 在 data 文件 夹 下 ,但 创建 (CREATE DATABASE) 却 失败 。 
Microsoft SQL Server Management Studio aa 


创建 对 于 数据 库 News' 头 败 。 (MicrosoftsqserverSmo) 


其 他 信息 : 
i> 执行 TransactsQL 语句 或 批 处 理 时 发 生 了 异常 。 MicmsoftsqlserverConnectionnf) 


L> 对 文件 "DxdaeWewsmdf 的 目录 查找 失败 ， 出 现 操 作 系统 错误 2( 系 统 找 不 到 指定 的 文 
CREATE DATABASE 失败 。 无 法 创建 列 出 的 某 些 文件 名 。 请 查看 相关 错误 。 (MicrosoftSQL 
Server, $8: 5133) 


9-28 


图 3-12 创建 出 错时 的 对 话 框 


另外 ,创建 数据 库 时 ,默认 情况 下 ,系统 会 将 数据 文件 和 日 志文 件 放 在 同一 个 驱动 器 上 
的 同一 个 文件 夹 下 。 这 是 为 处 理 单 磁盘 系统 而 采用 的 方法 。 在 生产 环境 中 ,这 可 能 不 是 最 
佳 的 方法 。 建 议 将 数据 文件 和 日 志文 件 放 在 不 同 的 磁盘 上 。 


3.3 U 建 表 


% 知识 储备 

表 是 数据 库 中 最 重要 的 对 象 ,用 来 存储 数据 。 数 据 在 表 中 的 组 织 方式 与 在 电子 表格 中 
相似 ,都 是 按 行 和 列 的 格式 组 织 的 。 每 一 行 代表 表 中 一 条 唯一 的 记录 ,每 一 列 代表 记录 中 的 
一 个 字段 。 例 如 ,如 图 3-13 所 示 的 Admin 表 包 含 5 个 列 , 即 5 个 字段 ;有 7 行 数据 , 即 7 条 
记录 。 每 条 记录 代表 一 位 管理 员 的 相关 信息 ,这 些 信 息 由 5 个 列 进行 说 明 ,并 分 别 存储 在 这 
5 个 列 中 。 


AdminPwd AddTime 
F59BD65F 7EDAFB087A8 1D4DCAO06C49 10 2008/8/15 15:02:00 
CB939D9EA11981128FBEDCD343ED2A 1D 2008/8/5 0:00:00 
CB939D9EA11981128F8EDCD343ED2A 1D 2008/8/5 0:00:00 


CB939D9EA1198112BF8EDCD343ED2A 1D 2008/8/5 0:00:00 
CB939D9EA11981128F8EDCD343ED2A 1D 2008/8/5 0:00:00 
CB939D9EA11981128F8EDCD343ED2A 1D 2008/8/5 0:00:00 
CB939D9EA11981128F8EDCD343ED2A 1D 2008/8/5 0:00:00 


图 3-13 Admin X 


在 SQL Server 2005 中 ,每 个 表 包 括 两 个 部 分 , 即 表 的 列 定义 和 表 的 记录 。 对 于 每 个 
表 , 先 定义 其 包含 的 列 , 再 往 表 中 输入 记录 。 表 的 列 定义 也 称 为 表 结构 定义 ,相当 于 在 一 张 
空白 的 纸 上 先 画 出 表 的 框架 来 ,这 个 框架 包括 表 分 为 几 个 列 、 每 个 列 占 多 宽 ( 列 的 宽度 )、 列 
名 是 什么 ( 列 名 )、 计 划 在 每 列 中 填 入 什么 样 的 数据 ( 即 填 入 的 数据 具有 什么 样 的 取 值 特征 ， 
是 一 个 日 期 还 是 一 个 有 数学 意义 的 数值 还 是 一 串 字 符 等 ,这 称 为 列 的 数据 类 型 ) ,这 个 框架 
就 称 为 表 的 结构 。 表 中 的 记录 通常 由 软件 使 用 者 利用 软件 提供 的 输入 界面 进行 输入 , 较 少 
情况 由 网 站 开发 人 员 进行 预先 输入 。 


um 
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3.3.1 任务 描述 
在 SQL Server 2005 中 创建 “新 闻 类 别 网 站 ”的 各 个 表 。 
3.3.2 任务 实现 


“新 闻 类 别 网 站 ”共有 7 个 表 , 下 面 以 Article 表 的 建立 为 例 ,说 明 本 阶段 任务 实现 的 步 
又 ,其 他 的 表 由 读者 按 此 步骤 自己 练习 进行 创建 。 
(1) 创建 表 
建立 Article 表 的 具体 操作 步骤 如 下 : 
Er News 数据 库 前 面 的 加 号 ,使 其 变 成 减 号 ,展开 该 数据 库 。 可 以 看 到 其 中 含有 
【 表 】 这 个 对 象 ,在 [ 表 】 上 右 击 ,弹出 如 图 3-14 所 示 的 快捷 菜单 ， 
选择 该 菜单 上 【新 建 表 ] 命 令 , 在 打开 的 界面 中 进行 表 的 结构 定 
义 ( 新 建 表 就 是 让 网 站 开发 人 员 进 行 表 结构 的 定义 ,不 是 用 来 输 
入 记录 数据 的 ) 。 
© 如 图 3-15 所 示 , 在 【 列 名 】 下 的 文本 框 中 输入 Article 表 
图 3-14 新建 表 的 第 一 个 列 名 ID, 在 [数据 类 型 ] 中 选择 ID 列 的 数据 类 型 (关于 
数据 类 型 的 内 容 参见 3. 3. 3 小 节 的 相关 知识 拓展 ) ,在 【允许 空 】 
中 设置 ID 列 的 取 值 是 否 可 以 为 空 , 打 对 号 表示 人 允许 空 值 ,不 打 对 号 表示 不 允许 空 值 。 类 似 
地 ,再 依次 输入 Article 表 的 其 他 列 的 定义 。 
O Article 表 中 的 ID 列 是 主键 ,其 取 值 为 自动 增长 。 要 将 某 个 列 设 为 主键 ,可 在 该 列 上 
dh ,选择 快捷 菜单 上 的 [设置 主键 J 命令, 如 图 3-16 所 示 , 可 以 看 到 该 列 被 标 上 钥匙 图 案 ， 
即 为 该 表 的 主键 。 一 个 表 只 能 有 一 个 主键 。 


QIAOBQ-PCNews - dbo.Article* QIAOBQ-PC News - dbo.Article 


int. 

了 ”设置 主键 (VY) 

省 ”插入 列 (M) 

YO BEAN) 

m$ XE(H.. 

E s320.. 

A EXERSA.. 

A XML E3.. 

CHECK 约束 (O)... 

Sg ”生成 更 改 脚本 (S).. 
int 
varchar(50) 
varchar(50) 
int 


图 3-15 Article 表 图 3-16 设置 主键 
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@ 要 将 某 个 列 的 取 值 设 为 自动 增长 ,请 选择 该 列 , 在 其 对 应 的 【 列 属性 了 面板 的 【标识 规 
范 了 中 进行 设置 ,如 图 3-17 所 示 。 其 中 [标识 增 量 了 表示 下 条 记录 比 上 条 记录 自动 增长 的 幅 
度 ,这 里 输入 值 *1”;【 标 识 种 子 ] 表 示 第 一 条 记录 的 自动 增长 列 的 初始 值 ,这 里 输入 值 也 
mU. 

© 录入 完成 后 单 击 SQL Server 2005 工具 栏 上 的 存盘 标志 ,出 现 如 图 3-18 所 示 的 对 话 
框 ,输入 表 的 名 称 Article, 单 击 【确定 按钮 .在 数据 库 News 中 便 出 现 了 该 Article 表 对 象 。 


图 3-17 设置 [ 列 属性 】 图 3-18 保存 表 


News 数据 库 中 其 他 表 由 读者 按照 上 面 的 步骤 自行 创建 。 
其 他 表 结 构 分 别 如 图 3-19 一 图 3-24 所 示 。 


QIAOBQ-PC.News - dbo.Admin*|- 


E 


QIAOBQ-PC.News - dbo.Log* | 


加 回回 回回 回回 回回 二 


图 3-20 Log 表 


QIAOBQ-PC News - dbo.Config* | 


图 3-21 Menu 表 


QIAOBQ-PC News - dbo .Special 


图 3-22 Special 表 图 3-23 Config 表 
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(2) 创建 表 间 关系 

各 表 创 建 完成 后 ,要 设置 表 间 关系 ,将 主 表 和 从 表 间 的 关系 反映 在 数据 库 中 ,使 各 表 间 
的 数据 能 够 反映 实际 情况 下 的 逻辑 依赖 关系 。 在 数据 库 中 , 主 从 关系 由 主 表 的 主键 和 从 表 
的 外 键 反映 ,设置 方法 有 多 种 ,下 面 介绍 其 中 的 一 种 。 

CO 在 【对 象 资源 管理 器 】 面 板 中 展开 News 数据 库 , 右 击 【 数 据 库 关 系 图 】 对 象 ,选择 快 
捷 菜单 中 的 [新 建 数 据 库 关系 图 命令 ,如 图 3-25 所 示 。 


x03) 5 T (2 
& (i QIAOBQ-PC (SQL Server 9.0.3042 
日 0a 数据 库 


'QIAOBQ-PC.News - dbo.Link 


n 


图 3-24 Link 表 图 3-25 【数据 库 关系 图 的 快捷 菜单 


© 在 弹出 的 如 图 3-26 所 示 的 【添加 表 】 对 话 框 中 将 News 数据 库 中 的 表 全 部 添加 到 
关系 图 中 , 拖 动 表 的 标题 调整 好 界面 ,根据 图 3-2 和 表 3-1 一 表 3-7 所 示 的 内 容 设 置 主 
外 键 。 

O 选中 需 设 置 外 键 的 表 。 以 Article 表 为 例 , 右 击 该 表 , 出 现 快捷 菜单 ,如 图 3-27 所 示 ， 
选择 [关系 命令 。 


» 
ArtideTite 
Article Artidesinfo " 
Config ArtideContent : 
| | Link ArtideKey , 
| | Log ArtideAuthor | 
Menu MN E. 
Special ArtideTime e 
ArtidePicture Bm 
MenulD. 
IsHead d s 
Isimg a3 
soecat E 310.. 
A EAEAP. 
8 XML E3.. 
CHECK 约 柬 (O).… 
一 一 Ü RERE)... 
图 3-26 添加 表 图 3-27 选择 [关系 了 命令 


© 在 弹出 的 [外 键 关系 】 对 话 框 中 单 击 【 添 加 按钮 ,如 图 3-28 所 示 。 
© 打开 【 表 和 列 ] 对 话 框 ,进行 主键 表 和 主键 列 、 外 键 表 和 外 键 列 的 设置 ,如 图 3-29 所 
示 , 设 置 完成 后 单 击 【确定 按钮 。 
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FK_Article Article 


田 INSERT 和 UPDATE 规范 
强制 外 键 约束 


图 3-28 ”外 键 关系 设置 


关系 名 (N): 
FK Article Admin1 


主键 表 (P): 


Admin... eJ Artide 
AdminName 


[AdminName — 5 0 0 1] 


图 3-29 主 、 外 键 表 和 列 的 设置 
© 重复 图 3-28 和 图 3-29 所 示 方 法 ,完成 Article 表 的 其 他 外 键 关系 设置 。 
CD 重复 图 3-27 一 图 3-29 所 示 方法 ,完成 其 他 表 的 外 键 关系 设置 。 


所 有 的 表 间 关系 设置 完成 后 的 关系 图 如 图 3-30 所 示 . 其 中 表 间 的 连 线 代表 关 系 , 连 线 
的 钥匙 端 代 表 主 键 所 在 的 表 。 


(m 
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Artide 
Men — 1 ? ID Config 
$? MenuID ArticleTitle $ ConfigID 
MenuName ArticlesInfo Title 
MenuEName ArticleContent Author 
MenuMe ArticleKey Description 
MenuURL ArticleAuthor Keyword 
AddTime ArticleFrom Copyright 
OrderID ArticleTime Email 
ParentID [OA] ArticlePicture AdminUserListNum 
IsHide MenulD AdminLogListNum 
一 一 一 一 一 一 一 一 IsHead AdminNewsListNum 
IsImg HotNewNum 
IsHot HeadNewsNum 
$ SpcialID SpeciallD TopNewsNum 
SpecialName AdminName TopImgNum 
SpecialINfo Hit ClassNewsNum 
SpecialTime e i 
Log Admin Link 
9 LogID ID $9 LinkID 
AdminName 3? AdminName SiteName 
LogType AdminPwd ReadMe 
LogTime po=0| AdminType URL 
IP AddTime Orders 
Result LastLoginTime 
LastLoginIP 
NewsNum 
LoginNum 
图 3-30 News 数据 库 的 关系 图 


3.3.3 相关 知识 拓展 


1. SQL Server 2005 中 的 数据 类 型 说 明 


(1) 字符 数据 类 型 
字符 数据 是 由 任何 字母 .符号 和 数字 任意 组 合 而 成 的 数据 。 字 符 数 据 类 型 分 为 非 
Unicode 数据 类 型 和 Unicode 数据 类 型 。 

(D 3E Unicode 数据 类 型 包括 char, varchar 和 text, 

* char [( n) ]: 固定 长 度 , 非 Unicode 字符 数据 ,长 度 为 n 个 字符 。n 的 取 值 范围 为 
1 一 8000( 含 8000) ,存储 大 小 是 n 个 字 节 。 

* varchar [ (n | max) ]: 可 变 长 度 . 非 Unicode 字符 数据 。n 的 取 值 范围 为 1 一 8000 
( 含 80000, max 指示 最 大 存储 大 小 是 2? 一 1 个 字 节 。 存 储 大 小 是 所 输入 字符 的 实 
际 长 度 加 2 个 字 节 。 所 输入 数据 的 长 度 可 以 为 0 个 字符 。 
text; 长 度 可 变 的 非 Unicode 数据 ,最 大 长 度 为 ?2 一 1 (HI 2147483647) 个 字符 。 

Q Unicode 数据 类 型 包括 nchar, nvarchar 和 ntext。 
nchar [ (12 ]: 固定 长 度 , Unicode TNTUM 长 度 为 n 个 字符 。n 的 取 值 必须 在 1 一 
4000( 含 4000) ,存储 大 小 为 2n 字 

* nvarchar [Cn | max) ]: ARES nad 字符 数据 。n 的 取 值 在 1 一 4000( 含 
4000), max 指示 最 大 存储 大 小 为 2? 一 1 字 节 。 存 储 大 小 是 所 输入 字符 个 数 的 两 


ey 
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倍加 上 2 个 字 节 。 所 输入 数据 的 长 度 可 以 为 0 个 字符 。 
”ntext: 长 度 可 变 的 Unicode 数据 ,最 大 长 度 为 2" 一 1( 即 1073741823) 个 字符 。 存 储 
大 小 是 所 输入 字符 个 数 的 两 倍 (以 字 节 为 单位 ) 。 

在 SQL Server 中 ,传统 的 非 Unicode 数据 类 型 允许 使 用 由 特定 字符 集 定义 的 字符 。 在 
SQL Server 安装 过 程 中 ,允许 选择 一 种 字符 集 。 使 用 Unicode 数据 类 型 , 列 中 可 以 存储 任何 
Unicode 标准 定义 的 字符 。 在 Unicode 标准 中 ,包括 了 以 各 种 字符 集 定义 的 全 部 字符 。 使 用 
Unicode 数据 类 型 ,所 占用 的 空间 是 使 用 非 Unicode 数据 类 型 所 占用 的 空间 大 小 的 两 倍 。 

例如 大 写字 母 A 在 char 或 者 varchar 数据 类 型 的 字段 中 ,占用 一 个 字 节 的 存储 空间 ， 
但 是 在 nchar 或 者 nvarchar 数据 类 型 的 字段 中 占用 两 个 字 节 。 汉 字 * 国 ?在 这 些 数据 类 型 的 
字段 中 都 占用 2 个 字 节 的 存储 空间 。 

在 SQL Server 中 ,Unicode 数据 以 nchar, nvarchar 和 ntext 数据 类 型 存储 。 使 用 这 种 
字符 类 型 存储 的 列 可 以 存储 多 个 字符 集中 的 字符 。 当 列 的 长 度 变化 时 ,应 该 使 用 nvarchar 
字符 类 型 ,这 时 最 多 可 以 存储 4000 个 字符 ; 当 列 的 长 度 固定 不 变 时 ,应 该 使 用 nchar 字符 类 
型 ,同样 ,这 时 最 多 可 以 存储 4000 个 字符 ; 当 使 用 ntext 数据 类 型 时 ,该 列 可 以 存储 多 于 
4000 个 字符 。 

(2) 数字 数据 类 型 

数字 数据 只 包含 数字 。 数 字数 据 类 型 包括 正 数 和 负数 、 小 数 ( 浮 点 数 ) 和 整数 。 

整数 由 正 整 数 和 负 整 数组 成 ,例如 39,25, — 2 和 33967。 在 SQL Server 中 ,整数 存储 
的 数据 类 型 是 int, smallint 和 tinyint 。 

int 数据 类 型 存储 数据 的 范围 大 于 smallint 数据 类 型 存储 数据 的 范围 。 使 用 inc 数据 
类 型 存储 数据 的 范围 是 从 一 2147483648 到 2147483647( 每 一 个 值 要 求 4 个 字 节 存储 空间 ) 。 

smallint 数据 类 型 存储 数据 的 范围 大 于 tinyint 数据 类 型 存储 数据 的 范围 。 使 用 
smallint 数据 类 型 时 ,存储 数据 的 范围 从 一 32768 一 32767( 每 一 个 值 要 求 2 个 字 节 存储 
空间 ) 。 

使 用 tinyint 数据 类 型 时 ,存储 数据 的 范围 是 从 0 一 255( 每 一 个 值 要 求 1 个 字 节 存储 
空间 ) 。 

decimal 和 numeric 是 带 固定 精度 和 小 数位 数 的 数值 数据 类 型 。 这 种 数据 所 占 的 存储 
空间 根据 该 数据 的 小 数 点 后 的 位 数 ( 即 精度 ) 来 确定 。numeric 在 功能 上 等 价 于 decimal。 

在 SQL Server 中 ,近似 小 数 数据 的 数据 类 型 是 float 和 real。float 和 real 是 表示 浮 点 
数值 数据 的 大 臻 数值 数据 类 型 。 由 于 浮 点 数据 为 近似 值 , 因 此 .并 非 数据 类 型 范围 内 的 所 有 
值 都 能 精确 地 表示 。 

Bit 由 1 或 者 0 组 成 。 当 表示 真 或 者 假 .ON 或 者 OFF 时 ,使 用 Bit 数据 类 型 。 例 如 ， 
“是 否 党 员 ” 可 以 存储 在 这 种 数据 类 型 的 列 中 。 

(3) 日 期 和 时 间 类 型 

日 期 和 时 间 数 据 类 型 包括 datetime 和 smalldatetime 两 种 类 型 。 

日 期 和 时 间 数 据 类 型 由 有 效 的 日 期 和 时 间 组 成 。 例 如 ,有 效 的 日 期 和 时 间 数 据 包括 
“4/01/98 12:15:00:00:00 pm” 和 “1:28:29:15:01 am 8/17/98”。 前 一 个 数据 类 型 是 日 期 在 前 ， 
时 间 在 后 ;后 一 个 数据 类 型 是 时 间 在 前 .日 期 在 后 。 在 SQL Server 中 ,日 期 和 时 间 数 据 类 型 包 
括 datetime 和 smalldatetime 两 种 ,datetime 所 存储 的 日 期 范围 是 从 1753 年 1 月 1 日 开始 ,到 
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9999 年 12 月 31 日 结束 (每 一 个 值 要 求 8 个 存储 字 节 )。smalldatetime 所 存储 的 日 期 范围 是 
1900 年 1 月 1 日 开始 ,到 2079 年 12 月 31 日 结束 (每 一 个 值 要 求 4 个 存储 字 节 ) 。 


2. 重 命名 表 


FEEN)... 
SEE) 
设计 (G) 
打开 表 (O) 
编写 表 湖 本 为 (S) >» 
TUBGGXX(V) 

全 文泰 引 (T) 上 
报表 » 
重 命名 (M) 

ile) 

新 
尾 性 (R) 


在 表 创 建 完 成 以 后 , 若 需 要 修改 表 的 名 称 , 可 以 在 该 表 
名 上 右 击 ,如 图 3-31 Bron ,在 弹出 的 快捷 菜单 中 选择 【 重 命 
名 命令 ,输入 新 的 表 名 称 , 按 回 车 即 可 。 


3. 删除 表 


若 要 删除 不 需要 的 表 , 可 以 在 图 3-31 中 选择 【删除 ] 命 
令 , 在 弹出 的 [删除 对 象 ] 对 话 框 中 单 击 【确定 按钮 , 即 可 删 
RAR. 


图 3-31 重 命名 表 


3.3.4 经 验 总 结 


在 表 的 结构 设置 中 ,数据 类 型 为 字符 的 列 , 其 列 宽 的 设置 需要 注意 一 下 ,对 于 每 条 记录 
来 说 ,同一 列 在 输入 数据 时 不 一 定 恰好 输入 相同 的 长 度 , 比 如 News Title 列 , 其 数据 类 型 为 
nvarchar(255) ,用 于 存储 新 闻 标 题 。 大 家 都 清楚 ,不同 的 新 闻 其 新 闻 标 题 未 必 是 相同 的 ,有 
的 长 一 些 , 有 的 短 一 些 , 那 该 如 何 设 置 此 列 的 列 宽 呢 ? 答案 是 按 最 长 的 新 闻 标 题 取 值 宽度 进 
行 设 置 ,也 就 是 说 ,有 的 新 闻 标 题 长 度 是 50 字符 ,有 的 是 80 字符 ,但 若 据 估 计 可 能 最 长 的 新 
闻 标 题 不 会 超过 255 个 字符 ,此 时 便 设 置 NewsTitle 列 的 列 宽 是 255. 

对 于 取 值 是 由 数字 组 成 却 没有 数学 意义 或 者 以 后 不 会 进行 数学 计算 的 列 ( 比 如 手机 号 
码 , 由 11 位 的 阿拉 伯 数 字 组 成 ,但 其 数据 没有 数学 意义 ,人 们 通常 不 会 说 谁 的 手机 号 码 比 谁 
的 手机 号 码 大 或 小 ,也 不 会 用 手机 号 码 进行 数学 运算 ) ,通常 不 设 其 数据 类 型 为 数值 型 ,而 是 
设 为 字符 型 。 

列 名 的 设置 要 注意 ,不 要 采取 过 于 简单 却 毫 无 意义 的 列 名 ,要 尽 可 能 使 用 能 “顾名思义 ” 
的 列 名 ,不 要 怕 长 ,目的 是 清晰 ,若是 列 名 由 多 个 英文 字母 组 成 ,可 以 使 用 每 个 单词 的 首 字 母 
大 写 , 其 他 字母 小 写 的 方式 ,使 列 名 更 加 清晰 明了 ,当然 , 表 的 命名 及 其 他 的 数据 库 对 象 命 名 
亦 理 当 如 此 。 

数据 库 中 的 对 象 还 有 许多 ,在 “新 闻 类 别 网 站 ?项 目 中 只 用 到 了 表 和 数据 库 关 系 图 这 两 
个 对 象 ,在 更 加 复杂 的 网 站 建设 中 ,会 用 到 其 他 的 数据 库 对 象 , 如 存储 过 程 、 触 发 器 和 视图 
等 ,这 里 限于 难度 与 篇 幅 , 不 再 讲述 。 请 有 兴趣 的 读者 继续 参考 其 他 数据 库 书籍 或 SQL 
Server 2005 的 帮助 文档 。 


3.4 分 离 与 附加 数据 库 


[p 知识 储备 
SQL Server 2005 中 提供 了 分 离 数 据 库 和 附加 数据 库 的 功能 。 分 离 数据 库 功能 将 数据 
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库 从 SQL Server 实例 中 删除 ,但 并 不 删除 数据 库 的 数据 文件 和 事务 日 志文 件 ;附加 数据 库 
功能 将 分 离 后 的 物理 文件 重新 附加 到 其 他 SQL Server 实例 中 。 利 用 分 离 和 附加 的 功能 可 
以 实现 数据 库 的 复制 或 移动 。 


3.4.1 任务 描述 


将 News 数据 库 分 离 , 复 制 到 相应 的 计算 机 后 ,再 实现 该 数据 库 的 附加 。 


3.4.2 任务 实现 


本 阶段 的 任务 主要 包括 两 个 任务 : 
任务 1 分 离 News 数据 库 
任务 2 附加 News 数据 库 
任务 1: 分 离 News 数据 库 
使 用 SQL Server Management Studio 分 离 News 数据 库 的 具体 操作 步骤 如 下 : 
CD 在 【对 象 资源 管理 器 了 窗口 中 , 右 击 要 分 离 的 数据 库 News, 在 弹出 的 快捷 菜单 中 选 
择 【任务 3I【 分 离 ] 命 令 , 如 图 3-32 Bron o 
(2) 在 [分 离 数据 库 ] 对 话 框 中 单 击 【 确 定 ] 按 钮 ,完成 数据 库 的 分 离 操 作 。 分 离 成 功 后 ， 
可 以 发 现 [ 对 象 资源 管理 器 中 已 经 没有 News 数据 库 了 。 


s 0 | 
回国 N 新 建 数 据 库 (N)… SS 
田 国 EMD| FESQ 加 数据 库 关系 图 
[IER 编写 数据 库 肝 本 为 (S) + m 
a Ca 服务 器 AX 
repe asm , SD... | 
e cam p , serm 
& (3 Notifica 重 命名 (M) ND 
BbsQrse] aeo) AR) ` 
BIKA $6) 
EER 还 原 (R) , 
RAMD.. 
启动 数据 库 镜 监视 器 (O) 
传送 事务 日 志 () 


图 3-32 分 离 数据 库 


此 时 可 以 对 数据 库 的 物理 文件 进行 复制 或 剪 切 , 实 现 数据 库 物 理 文 件 的 复制 或 移动 。 
完成 此 操作 后 ,接着 做 下 面 的 任务 2。 

任务 2: 附加 News 数据 库 

使 用 SQL Server Management Studio 附加 News 数据 库 的 具体 操作 步骤 如 下 : 

(1) 在 【对 象 资源 管理 器 了 窗口 中 , 右 击 [数据库 3 节点 ,在 弹出 的 快捷 菜单 中 选择 [附加 】 
命令 


(2) 出 现 [ 附 加 数据 库 ] 对 话 框 , 单 击 [ 添 加 按钮 。 
G) 出 现 [ 定 位 数据 库 文件 对话 框 ,找到 要 附加 的 数据 库 文件 ,然后 单 击 【确定 ] 按 钮 。 
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(4) 回 到 【附加 数据 库 ] 对 话 框 , 此 时 【News 了 数据 库 的 内 容 已 在 图 中 详细 地 显示 出 来 ， 
如 图 3-33 所 示 。 修 改 【 要 附加 的 数据 库 了 中 的 【附加 为 3 列 , 即 可 为 附加 后 的 数据 库 重 命名 。 
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图 3-33 ”附加 数据 库 


C5) 单 击 【确定 了 按钮 ,完成 数据 库 附 加 操作 。 在 【对 象 资源 管理 器 了 面板 的 【数据 库 了 节 
点 下 即 可 看 到 该 数据 库 。 


3.4.3 相关 知识 拓展 


1. 分 离 数 据 库 


分 离 数 据 库 能 将 数据 库 从 SQL Server 实例 中 删除 ,并 使 数据 库 在 其 数据 文件 和 事务 
日 志文 件 中 保持 不 变 。 之 后 ,可 以 使 用 这 些 文件 将 数据 库 附 加 到 任何 SQL Server 实例 ( 包 
括 分 离 该 数据 库 的 服务 器 ) 。 


在 下 面 这 些 情况 下 数据 库 不 能 分 离 : 

(1) 已 复制 并 发 布 数据 库 。 如 果 进 行 复制 , 则 数据 库 必 须 是 未 发 布 的 ,必须 通过 运行 
sp_replicationdboption 禁用 发 布 后 ,才能 分 离 数据 库 。 

(2) 数据 库 中 存在 数据 库 快照 。 必 须 首 先 删除 所 有 数据 库 快照 ,然后 才能 分 离 数据 库 。 


G) 数据 库 处 于 可 疑 状 态 。 在 SQL Server 2005 中 ,无 法 分 离 可 疑 数 据 库 , 必 须 将 数据 
库 置 入 紧急 模式 ,才能 对 其 进行 分 离 。 


(4) 该 数据 库 正 在 某 个 数据 库 镜 像 会 话 中 进行 镜像 。 除 非 终止 该 会 话 ,否则 无 法 分 离 
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该 数据 库 。 
(5) 该 数据 库 是 系统 数据 库 。 


2. 附加 数据 库 


在 附加 数据 库 时 ,所 有 的 文件 (mdf 和 ndf) 必 须 是 有 效 的 ,如 果 存 储 数据 文件 的 路 径 发 
生变 化 , 则 必须 指明 当前 数据 库 文件 的 路 径 。 

附加 数据 库 日 志文 件 的 要 求 在 某 些 方面 取决 于 数据 库 是 “ 读 一 写 ” 的 还 是 “只 读 ” 的 ,下 
面 分 别 进行 说 明 : 

CD 对 于 * 读 一 写 ? 数 据 库 ,通常 可 以 附加 新 位 置 中 的 日 志文 件 。 

(2) 如 果 附 加 的 主 数据 文件 是 只 读 的 , 则 数据 库 引擎 假定 数据 库 也 是 只 读 的 。 对 于 只 
读数 据 库 , 日 志文 件 在 数据 库 主 文件 中 指定 的 位 置 上 必须 可 用 。 因 为 SQL Server 无 法 更 
新 主 文件 中 存储 的 日 志 位 置 , 所 以 无 法 创建 新 的 日 志文 件 。 即 只 读 的 数据 库 不 能 附加 更 换 
存储 位 置 的 日 志文 件 。 


3.4.4 经 验 总 结 


分 离 和 附加 数据 库 的 操作 对 网 站 的 发 布 是 有 影响 的 。 当 网 站 发 布 时 ,相应 的 数据 库 也 
可 能 因为 需要 ,要 从 一 台 计 算 机 复制 或 移动 至 另 一 台 计 算 机 , 即 对 数据 库 物 理 文件 进行 复制 
或 移动 。 此 时 必须 先 分 离 数据 库 , 才 能 实现 数据 库 的 复制 或 移动 。 若 没有 分 离 数 据 库 即 对 
数据 库 物 理 文件 进行 复制 或 移动 ,在 粘贴 时 会 产生 如 图 3-34 所 示 的 错误 。 


zan 
ÀA REDRAR. 因为 文件 已 在 另 一 个 程序 中 打开 , 
请 关闭 流 文 件 并重 试 。 


News_Data 
类 型: SQL Server Database Primary Data File 


e 大 小 3.50 MB. 
(gi 修改 日 期 : 2009/5/31 15:18 


E-——I— 7 


BAA ESEIDREVTIHGSME(. BRENA) 


图 3-34 复制 或 移动 数据 库 文件 时 的 出 错 提示 


解决 该 错误 的 方法 是 先 将 数据 库 进 行 分 离 , 再 进行 复制 或 移动 。 成 功 地 完成 复制 或 移 
动 后 ,再 把 新 存储 位 置 上 的 数据 库 文件 进行 附加 , 才 可 以 操作 该 数据 库 。 


3.5 Æ yl 


按照 本 章 的 内 容 , 完 成 新闻 类 别 网 站 ”中 的 数据 库 创建 .数据 库 中 所 有 表 的 创建 以 及 表 
间 关 系 的 创建 。 


e^ 


ee 
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网 站 浏览 器 端 界面 ,就 是 用 户 所 能 看 到 的 界面 ,是 整个 系统 的 表现 层 。 

在 第 2 章 中 进行 了 界面 的 设计 ,本 章 主要 讲解 针对 设计 图 的 具体 实现 过 程 ,主要 涉及 网 
页 制作 工具 Adobe Dreamweaver CS3 的 使 用 。 此 处 重点 讲解 的 是 静态 网 页 的 制作 ,而 且 采 
用 了 较为 先进 的 “DIV 十 CSS” 布 局 ,用 到 的 主要 知识 是 XHTML 和 CSS, 以 静态 网 页 的 制作 
流程 为 主线 依次 讲解 了 站 点 的 建立 、 站 点 的 布局 和 规划 、 页 面 结构 的 规划 与 制作 和 具体 页 面 
的 制作 。 


4.1 建立 Dreamweaver 站 点 


入 知识 储备 

Web 站 点 (网 站 ) 是 一 组 具有 共享 属性 (如 相关 主题 .类似 的 设计 或 共同 目的 ) 的 链接 文 
档 和 资源 。Dreamweaver 是 一 个 站 点 创建 和 管理 的 工具 软件 ,使 用 它 不 仅 可 以 创建 单独 的 
文档 ,还 可 以 创建 完整 的 Web 站 点 。 为 了 达到 最 佳 效果 ,在 创建 任何 Web 站 点 页 面 之 前 ， 
应 对 站 点 的 结构 进行 设计 和 规划 ,决定 要 创建 多 少 页 、 每 页 上 显示 什么 内 容 、 页 面 布局 的 外 
观 以 及 页 是 如 何 互相 连接 起 来 的 。 网 站 设计 者 可 以 在 本 地 计算 机 上 创建 网 页 、 跟 踪 和 维护 
链接 、 管 理 网 页 和 各 种 共享 资源 文件 并 将 其 上 传 到 Web 服务 器 ,也 可 以 随时 在 保存 文件 后 
传输 更 新 的 文件 来 对 站 点 进行 维护 。 


4.1.1 任务 描述 

建立 “新 闻 类 别 网 站 ”站 点 。 
4.1.2 任务 实现 

具体 操作 步骤 如 下 : 

(1) 在 本 地 硬盘 上 创建 文件 夹 , 并 在 其 中 创建 一 些 子 文件 夹 , 用 于 存储 站 点 中 的 网 页 和 
其 他 资源 文件 (如 图 像 文 件 、Flash 动画 等 )。 


(2) 通过 【开始 ] 民 所 有 程序 】| Adobe Dreamweaver CS3 | Adobe Dreamweaver CS3 fi 
令 来 启动 Dreamweaver, 


[ga | 
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[上 小 贴 十 

也 可 以 通过 桌面 上 的 Adobe Dreamweaver CS3 图 标 来 启动 。 第 一 次 启动 Dreamweaver 将 
设置 默认 编辑 器 ,可 以 将 指定 文件 的 默认 编辑 器 设置 为 Adobe Dreamweaver CS3 。 

(3) 在 Dreamweaver 欢迎 屏幕 上 单 击 【Dreamweaver 站 点 了 .如 图 4-1 所 示 。 或 者 在 菜 
单 中 选择 [站 点 3I【 新 建站 点 3 命令 。 


Er 从 模板 创建 

T3 HTML 司 css 样式 表 
T ColdFusion T ees 

fà PHP Tj mtem ( 主题) 
T ASP VBScript AELE S] 
T XSLT ET D 更 多 

T3 css 

T JavaScript 扩展 

T5 mM @ Dreamweaver Exchange > 
dà Dreamweaver 站 点 .。 

oss. 


图 4-1 Dreamweaver 运行 界面 
(4) 当 出 现 站 点 定义 对 话 框 时 ,选择 【基本 】 选 项 卡 , 并 在 【您 打算 为 您 的 站 点 起 什么 名 
字 ?] 文 本 框 中 输入 站 点 的 名 称 , 此 处 站 点 的 名 称 只 是 Dreamweaver 中 为 站 点 提供 的 一 个 标 
识 , 可 以 为 任意 字符 ;在 【您 的 站 点 的 HTTP 地 址 (CURL) 是 什么 ?了 文本 框 中 采用 默认 值 , 然 
后 单 击 [下 一 步 ] 按 钮 ,如 图 4-2 所 示 。 


1 EUCH 的 站 点 定义 为 


示例 : MySite 

您 的 站 点 的 HTTP 地 址 URL) 是 什么 了 
http:// 

示例 : http://www. myHost. com/nySi te 


加 果 想 使 用 FTP 或 RDS 直接 在 服务 器 上 操作 ,应 该 创建 FTP 或 RDS 服务 器 连接 。 直 
接 仕 服务 器 上 操作 时 ， 您 无法 进行 站 点 范 | » 例如 链接 检查 或 站 点 报告 。 


E—*m|[r—Eo 5] 取消 帮助 


图 4-2 Dreamweaver 站 点 定义 对 话 框 


(5) 因为 制作 的 是 静态 网 页 ,不 涉及 后 台 服 务 器 技术 ,所 以 在 如 图 4-3 所 示 的 界面 中 选 
Jf ,我 不 想 使 用 服务 器 技术 了 单 选 按钮 ,然后 单 击 【 下 一 步 ] 按 钮 。 
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SEX. E2 BH 


您 是 否 打算 使 用 服务 器 技术 ,如 ColdFusion. ASP.NET, ASP, JSP 或 PHP? 


日 深 ， 泊 不 起 使 用 服 条 器 技术 0 
个 是 ， 我 想 使 用 服务 器 技术 。 OD 


图 4-3 是 否 使 用 服务 器 对 话 框 


(6) 在 如 图 4-4 所 示 的 画面 中 ,设置 站 点 文件 的 存储 位 置 。 选 择 【 编 辑 我 的 计算 机 上 的 

本 地 副本 ,完成 后 再 上 传 到 服务 器 (推荐 )] 单 选 按钮 ,并 在 【您 将 把 文件 存储 在 计算 机 上 的 什 

立 置 ?] 文 本 框 中 输入 站 点 所 在 的 根 目录 的 路 径 ,或 者 通过 单 击 文件 夹 图 标 来 选择 存储 路 

径 , 然 后 单 击 【 下 一 步 ] 按 钮 。 如 果 站 点 在 远程 服务 器 上 而 不 在 本 地 ,也 可 以 选择 [使 用 本 地 
网 络 直接 在 服务 器 上 进行 编辑 了 单 选 按钮 。 


Los 


J5P 新 闻 系 统 的 站 点 定义 为 


qutt. 第 3 部 分 


在 开发 过 程 中 ,您 打算 如 何 使 用 您 的 文件 ? 


CO 编辑 我 的 计算 机 上 的 本 地 副本 ， 完 成 后 再 上 传 到 服务 器 ( 推荐 (D 
O 使 用 本 地 网 络 直接 在 服务 器 上 进行 编辑 中) 


您 将 把 文件 存储 在 计算 机 上 的 什么 位 置 ? 
[D: workspace Wew WebContentV 


图 4-4 设置 站 点 文件 的 存储 位 置 对 话 框 
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(7) 在 如 图 4-5 所 示 的 画面 中 ,选择 连接 远程 服务 器 的 方式 。 在 此 进行 的 是 前 台 模 板 
的 制作 ,是 纯 静 态 的 网 页 ,并 不 涉及 远程 服务 器 ,所 以 在 “您 如 何 连接 到 远程 服务 器 ?” 列 表 框 
中 选择 【无 3] 选项, 即 完成 设置 ,然后 单 击 [ 下 一 步 ] 按 钮 。 


JSP 新 闻 系 统 的 站 点 定义 为 


您 如 何 连 接 到 远程 服务 器 ? 


l 


图 4-5 远程 服务 器 的 连接 方式 设置 


(8) 在 如 图 4-6 所 示 的 画面 中 , 列 出 了 所 建站 点 的 汇总 信息 ,认真 核查 站 点 的 设置 情 
况 ,核查 无 误 后 单 击 【 完 成 3 按钮 , 即 可 完成 站 点 定义 。 


JSP 新 闻 系 统 的 站 点 定义 为 


悠 的 站 点 包含 以 下 设置 
本 地 信息 
站 点 名 称 : JSP 新 闻 系统 
本 地 根 文件 夹 : D: \workspace\New WebContent\ 


远程 信息 : 
wid: 我 将 在 以 后 完成 此 设置 。 


WESS: 
访问 : 我 将 在 以 后 完成 此 设置 。 


可 以 使 用 ' 高 级 ' 选项 卡 对 您 的 站 点 进行 进一步 配置 。 


KEZD) 


图 4-6 站 点 的 汇总 信息 界面 


(æ) 


CR 
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(9) 此 时 ,将 回 到 如 图 4-7. 所 示 的 站 点 管理 界面 : 单 击 【完成 按钮 , 即 可 完成 站 点 建立 ， 
新 建 的 站 点 出 现在 【文件 面板 中 .至 此 ,Dreamweaver 站 点 的 建立 结束 。 


Üv Adobe Dreamweaver CS3 


XPO RED EVU MAERO ERW ZEV 


图 4-7 Dreamweaver 启动 画面 


EE] 小 贴 士 
使 用 文件】 面板 可 以 执行 以 下 任务 : 访问 站 上 点、 服务器 和 本 地 驱动 器 ;查看 文件 和 文件 
夹 ;管理 文件 和 文件 夹 ; 使 用 站 点 的 可 视 化 地 图 。 
- 使 用 [文件 3 面板 可 以 管理 文件 并 在 本 地 计算 机 和 远程 服 
ze EE 务 器 之 间 传 输 文件 。 当 在 本 地 站 点 和 远程 站 点 之 间 传 输 文件 
E 时 ,会 在 这 两 种 站 点 之 间 维 持平 行 的 文件 和 文件 类 结构 。 如 
x 果 站 点 中 不 存在 相应 的 文件 夹 , 则 Dreamweaver 将 创建 这 些 


文件 夹 。 也 可 以 在 本 地 和 远程 站 点 之 间 同 步 文件 ， 
Dreamweaver 会 根据 需要 在 两 个 方向 上 复制 文件 ,并 且 在 适 
当 的 情况 下 删除 不 需要 的 文件 。 


S 在 【文件 】 面 板 中 选中 站 点 的 根 目 录 并 右 击 ,弹出 快捷 菜 
图 4-8 Dreamweaver 启动 画面 单 , 如 图 4-8 所 示 , 选 择 【新 建文 件 】 或 【新 建文 件 夹 命令, 在 
站 点 下 创建 所 需 的 文件 或 文件 夹 ,选择 其 他 命令 便 可 进行 相 
应 的 站 点 管理 ,在 此 不 再 详 述 。 
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4.1.3 相关 知识 拓展 


一 个 完整 的 Dreamweaver 站 点 应 由 三 个 部 分 组 成 ,但 是 Dreamweaver 站 点 的 具体 组 成 
主要 取决 于 开发 环境 和 所 开发 网 站 的 类 型 。 

A) 本 地 根 文件 夹 。 可 以 位 于 本 地 计算 机 或 网 络 服务 器 上 ,用 于 存储 正在 处 理 的 文件 ， 
此 文件 夹 也 称 为 本 地 站 点 。 如 果 要 定义 一 个 Dreamweaver 站 点 , 则 至 少 要 设置 一 个 本 地 根 
文件 夹 。 

(2) 远程 文件 夹 。 位 于 运行 Web 服务 器 的 计算 机 上 ,存储 用 于 测试 .生产 和 协作 等 用 
途 的 文件 ,此 文件 夹 也 称 为 远程 站 点 。 如 果 已 经 申请 了 域名 并 且 在 Internet 上 拥有 空间 , 则 
需要 设 JR 远程 文件 来。 利用 Dreamweaver 站 点 管理 功能 可 以 在 本 地 硬盘 与 Web 服务 器 
之 间 传 输 文 件 。 

(3) 测试 服务 器 文件 夹 。Dreamweaver 在 其 中 人 处理 动态 网 页 的 文件 来。 如果 要 运行 动 
态 网 页 并 连接 到 数据 库 , 则 需要 设置 测试 服务 器 文件 夹 。 如 果 Dreamweaver 和 服务 器 软件 
运行 在 同一 台 本 地 计算 机 上 ,也 可 以 把 本 地 根 文件 夹 和 测试 服务 器 文件 夹 设置 为 同一 个 文 
件 夹 。 


4.1.4 经 验 总 结 


在 Dreamweaver 中 建立 站 点 ,是 进行 网 站 开发 的 关键 步骤 。 这 里 所 讲 的 建立 站 点 ,其 
实 就 是 在 Dreamweaver 中 定义 站 点 .策划 站 点 结构 .部署 开发 环境 。 定 义 站 点 是 为 了 更 好 
地 利用 【文件 了 面板 对 站 点 文件 进行 管理 ,也 是 为 减少 一 些 错误 的 出 现 , 如 路 径 出 错 、 链 接 出 
错 等 。 许 多 初学 者 开始 做 网 页 时 ,只 把 注意 力 放 在 制作 单一 网 页 上 ,对 文件 的 条 理性 .结构 
性 不 加 以 管理 ,没有 对 文件 进行 分 类 管理 ,使 整个 站 点 结构 显得 很 乱 , 所 以 一 定 要 注意 ,在 开 
发 网 站 之 前 ,认真 策划 好 站 点 结构 。 


4.2 网 站 的 整体 布局 和 规划 


t 知识 储备 

1. CSS 盒子 模型 

在 网 页 设计 中 常 听 到 这 样 的 属性 名 : 内 容 (content) ,填充 (padding)、 边 框 (border)、 边 
界 (margin) ,这些 属性 可 以 用 日 常生 活 中 的 金子 (箱子 ) 来 理解 。 日 常生 活 中 所 见 的 盒子 可 
以 放置 物品 , 怕 物 品 被 挤 压 、 摔 打造 成 损坏 .所 以 要 在 盒子 里 填充 些 泡沫 或 者 其 他 抗震 的 辅 
料 , 假 设 有 多 个 这 样 的 盒子 ,在 摆 放 时 需要 留 有 一 定 的 空隙 保持 通风 ,同时 也 为 了 方便 取出 
E&F. CSS 的 上 述 属 性 也 可 以 这 样 理解 ,所 以 把 CSS 称 为 盒子 模式 。 对 于 CSS 来 讲 , 其 边 
框 可 以 理解 为 盒子 本 身 , 内 容 是 念 子 里 装 的 东西 ,填充 是 添加 的 泡沫 或 者 其 他 抗震 的 辅料 ， 
边界 是 金子 摆 放 时 留 的 空 际 。CSS 盒子 示意 如 图 4-9 所 示 。 

但 CSS 金子 与 现实 中 的 金子 也 有 所 不 同 。 在 网 页 设计 上 ,CSS 的 内 容 属性 常 指 文字 、 
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图 片 等 元 素 , 但 是 也 可 以 是 小 金子 (DIV 赃 套 )。 生 活 中 的 金子 放置 物品 时 ,物品 一 般 不 能 
大 于 盒子 ,否则 盒子 会 被 撑 坏 的 ,但 CSS 盒子 具有 "弹性 ”, 放 置 的 内 容 大 过 盒子 本 身 时 会 把 
盒子 撑 大 ,但 不 会 损坏 盒子 。 填 充 属 性 只 有 宽度 属性 ,就 像 生活 中 盒子 里 的 抗震 辅料 厚度 。 
边框 属性 有 粗细 和 颜色 之 分 ,类 似 生活 中 盒子 的 厚度 以 及 盒子 的 外 观 颜色 。 边 界 属性 代表 
该 盒子 与 其 他 元 素 间 要 保留 多 大 距离 。 

基于 CSS 的 网 站 设计 就 像 把 不 同 大 小 和 颜色 的 盒子 ,以 一 定 的 间 阶 和 顺序 摆 放 好 ,从 
高 处 看 这 些 盒 子 ,它们 所 构成 的 图 形 结构 就 是 要 做 的 网 页 版 面 设 计 , 如 图 4-10 所 示 。 


MARGIN 边界 
BORDER 框 边 


PADDING 


xoa 


图 4-9 CSS 盒子 模式 图 4-10 由 “盒子 * 堆 出 来 的 网 页 版 面 


2. CSS 的 设计 思 

传统 的 前 台 网 页 设计 是 这 样 进 行 的 : 根据 要 求 , 先 考虑 好 主 色 调 , 要 用 什么 类 型 的 图 
片 , 用 什么 字体 、 颜 色 等 ,然后 再 用 Photoshop 这 类 软件 "自由 ”地 画 出 设计 结果 ,最 后 再 切 成 
小 图 ,再 “不 自由 ”地 通过 设计 HTML 生成 页 面 。 

A CSS 设计 网 页 版 面 后 ,要 转变 传统 的 设计 思想 。CSS 设计 思路 主要 考虑 的 是 页 面 
内 容 的 语义 和 结构 ,一 个 强 CSS 控制 的 网 页 ,在 完成 网 页 制作 后 ,还 可 以 轻松 地 改变 想 要 的 
网 页 风格 。 使 用 CSS 设计 版 面 的 另外 一 个 目的 是 让 代码 易 读 ,区 块 分 明 , 强 化 代码 重用 。 

3. 用 CSS 实现 结构 与 表现 分 离 

用 CSS 布局 网 页 可 以 实现 页 面 结构 和 表现 形式 相 分 离 , 结 构 与 表现 分 离 , 网 页 代码 才 
简洁 ,更 新 网 页 时 才 方 便 。 

4. 使 用 CSS 设计 网 页 的 步骤 

(1) 用 DIV 定义 语义 结构 , 即 像 盖 楼 一 样 利用 DIV 搭建 基本 结构 ; 

(2) 用 CSS 属性 美化 网 页 ,如 设置 背景 、 线 条 边框 .对 齐 属性 、 字 体 、 颜 色 等 ， 

(3) 在 CSS 定义 的 盒子 内 加 上 内 容 , 如 文字 、 图 片 等 (没有 表现 属性 的 标签 ) 。 

[上 小 贴 士 

如 果 网 页 设计 的 很 复杂 ,能 不 能 实现 上 述 的 CSS 的 效果 ? 

答案 是 肯定 的 。 如 果 用 CSS 实现 不 了 的 效果 ,一 般 用 表格 (table, HTML 的 元 素 ) 也 是 
很 难 实现 的 ,CSS 的 控制 能 力 比 表格 要 强大 得 多 。 如 果 使 用 CSS 排版 网 页 ,对 于 网 页 设计 
效果 不 满意 的 地 方 , 特 别 是 色调 , 改 起 来 相当 容易 ,甚至 可 以 定制 几 种 风格 的 CSS 文件 对 网 
页 进行 对 比 选择 ,或 者 写 一 个 程序 实现 动态 调用 ,让 网 站 具有 动态 改变 风格 的 功能 。 


4.2.1 任务 描述 


规划 “新 闻 类 别 网 站 ”的 整体 版 面 布局 。 
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4.2.2 任务 实现 


1. 分 析 设 计 图 


分 析 设计 图 实际 上 就 是 依据 网 页 属性 的 实际 情况 ,将 设计 图 进行 划分 ,使 设计 的 效果 能 完 
美 地 在 网 页 中 实现 。 实 际 上 在 第 2 章 网 站 设计 的 过 程 中 这 种 划分 就 已 经 体现 出 来 了 ,这 里 考 
虑 到 设计 和 制作 可 能 不 是 一 个 人 ,因此 站 在 制作 的 角度 对 设计 图 进行 了 分 析 。 此 处 分 析 三 个 
主要 页 面 : 首页 列表 页 和 内 容 页 的 设计 图 ,可 得 出 如 图 4-11 所 示 的 页 面 框架 图 ,在 此 只 是 从 
整体 上 把 握 页 面 的 框架 结构 ,针对 页 面具 体 部 分 的 细节 分 析 将 在 后 面 有 针对 性 地 进行 。 
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图 4-11 划分 设计 图 的 结果 


2. 具体 参数 分 析 


通过 上 面 的 分 析 , 可 以 得 出 一 些 构成 页 面 的 重要 参数 ,具体 如 下 : 

CD 网 站 头 部 图 标 (TOP), 包 含 网 站 的 Logo 和 站 名 。 参 数 : Width Jy 900px. 
Height 为 60px。 

© 导航 条 (Main Navigation) ,具有 按钮 特效 。 参 数 : Width 为 900px, Height 为 50px。 

© 网 站 的 主要 内 容 (Content ) 。 参 数 : Width 为 900px. Height 为 Changes,depending 
on content。 

CD 网 站 底 栏 ,包含 版 权 信息 等 (Footer) 。 参 数 : Width Jy 900px. Height 为 60px。 

C 背景 。 参 数 : 采用 纵向 重复 的 背景 图 。 


4.2.3 相关 知识 拓展 


使 用 DIV 十 CSS 结构 建立 网 页 的 优点 有 : 
(1) 可 以 大 大 缩减 页 面 代码 ,提高 页 面 浏览 速度 .缩减 网 络 带宽 成 本 。 
(2) 网 页 结构 清晰 ,用 只 包含 结构 化 内 容 的 HTML 代替 嵌 套 的 标签 ,搜索 引擎 能 更 有 
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效 地 搜索 到 相关 内 容 。 

(3) 实现 网 页 内 容 与 表现 形式 的 分 离 , 从 而 缩短 网 站 改版 时 间 。 只 要 简单 地 修改 几 个 
CSS 文件 就 可 以 重新 让 一 个 有 成 百 上 千 个 页 面 的 站 点 换 新 颜 。 

(4) 具备 强大 的 字体 控制 和 排版 能 力 。CSS 控制 字体 的 能 力 比 FONT 标签 好 得 多 ,有 
了 CSS ,不 再 需要 用 FONT 标签 或 者 其 他 的 元 素来 控制 网 页 表现 风格 改变 字体 颜色 .字体 

(5) CSS 非常 容易 编写 ,可 以 像 写 HTML 代码 一 样 轻松 地 编写 CSS。 

(6) 使 用 过 table> 进 行 布局 时 ,会 产生 很 多 垃圾 代码 ,一 些 修饰 的 样式 及 布局 的 代码 混 
合 一 起 ,很 不 直观 。 而 DIV 更 能 体现 样式 和 结构 相 分 离 ,结构 的 重 构 性 强 。 

(7) 几乎 所 有 的 浏览 器 都 可 以 支持 CSS。 

(8) 以 前 一 些 必须 通过 图 片 转换 实现 的 页 面 功能 ,现在 只 要 用 CSS 就 可 以 轻松 实现 ,从 
而 提高 页 面 下 载 的 速度 。 

(9) 使 用 CSS 可 以 轻松 地 控制 页 面 的 布局 ,使 页 面 的 字体 变 得 更 漂亮 ,更 容易 编排 。 


4.2.4 经 验 总 结 


对 于 设计 图 的 分 析 , 是 个 仁者 见 仁 智者 见 智 的 事情 , 当 看 到 一 个 设计 效果 时 要 想 能 很 好 
地 实现 ,最 重要 的 是 看 实现 人 员 对 HTML 和 CSS 样式 属性 的 掌握 程度 ,熟练 地 掌握 这 些 技 
术 是 进行 分 析 的 前 提 , 和 否则 再 好 的 设计 图 也 没 办 法 实现 。 这 就 好 比 有 一 个 非常 漂亮 的 大 楼 
设计 图 ,但 是 工人 技术 不 行 无 法 盖 起 来 一 样 。 

除了 要 熟练 掌握 HTML 和 CSS 样式 属性 ,还 要 多 做 网 页 ,多 看 网 页 .多 思考 ,在 实践 中 
掌握 一 些 效果 的 制作 原理 。 


4.3 网 站 页 面 结构 的 制作 


j^ 知识 储备 

1. XHTML 

XHTML(eXtensible HyperText Markup Language) ,可 扩展 的 超 文本 标记 语言 。 国 际 
W3C 组 织 (World Wide Web Consortium) 于 2000 年 发 布 了 XHTML 1.0 版 本 ,这 是 一 种 在 
HTML 4. 0 基础 上 优化 和 改进 的 新 语言 ,是 一 种 基于 XML 应 用 的 HTML, 它 的 可 扩展 性 
和 灵活 性 将 适应 未 来 Web 应 用 的 更 多 需求 。 

虽然 XML 数据 转换 能 力 强大 ,完全 可 以 替代 HTML, 但 面 对 成 千 上 万 已 有 的 基于 
HTML 语言 设计 的 网 站 ,目前 直接 采用 XML 尚 为 时 过 早 。 因 此 ,使 用 XML 的 规则 对 
HTML 4.0 进行 扩展 , 便 形 成 了 XHTML ,建立 XHTML 的 目的 就 是 实现 HTML 向 XML 
的 过 渡 。 目 前 国际 上 在 网 站 设计 中 推崇 的 Web 标准 就 是 基于 XHTML 的 应 用 。 

简单 地 理解 ,XHTML 其 实 就 是 严谨 而 准确 的 HTML。 如 果 说 HTML 是 汉语 ,那么 
XHTML 就 是 标准 普通 话 。 如 果 是 刚 开始 学 习 网 页 设计 的 话 , 最 佳 的 选择 是 直接 学 习 


XHTML. 
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XHTML 属于 HTML 家 族 , 对 比 以 前 各 个 版 本 的 HTML, 它 具有 更 严格 的 书写 标准 、 
更 好 的 跨 平台 能 力 。XHTML 将 以 前 的 版 本 HTML 能 够 实现 的 一 些 功 能 交 给 了 CSS. iX 
意味 着 学 习 网 页 制作 将 需要 学 习 两 种 技术 。 

目前 HTML 正在 向 XHTML 过 渡 发 展 ,因此 创建 HTML 网 页 时 应 该 对 XHTML 代 
码 规范 有 所 了 解 , 以 便 设计 出 符合 标准 的 网 页 。XHTML 代码 规范 主要 包括 以 下 规则 。 

(1) 所 有 标记 必须 使 用 相应 的 结束 标记 进行 关闭 

在 HTML 中 ,成 对 的 标记 可 以 不 用 结束 标记 来 关闭 。 但 在 XHTML 中 要 求 所 有 成 对 
的 标记 必须 使 用 结束 标记 来 关闭 ,例如 二 head 盖 …</head 二 ,<title 二 …< 到 /title 二 以 及 
<body 字 …</body 二 等 ;对 于 那些 不 成 对 的 标记 , 则 必须 在 其 最 后 使 用 一 个 正人 针线 符号 
“/” 来 关闭 ,例如 二 br />.<hr /2 .—input::/27 X, 

(2) 标记 及 其 属性 名 称 必须 使 用 小 写字 母 

Æ HTML 中 是 不 区 分 字母 的 大 小 写 的 ,例如 二 HTML 二 二 Html 二 或 二 html 二 作用 
都 是 一 样 的 。 在 XHTML 中 ,规定 所 有 标记 及 其 属性 名 称 都 必须 使 用 小 写字 母 。 例 如 , 正 
XAI db Jf 8 X, — body </body>, fa R Ai 5 A — BODY —/BODY-, 

C3) 标记 的 属性 值 必 须 使 用 引号 括 起 来 

Æ HTML 中 ,设置 标记 的 属性 值 可 以 不 使 用 引号 ,例如 二 font face— 4& SC 4T size—3 
color= # FF00007 </font>, Æ XHTML 中 ,必须 使 用 双 引 号 把 属性 值 括 起 来 ,例如 
<font face— " 4& Xit" size— "3"color— " # FF0000" 7 —/font , 

(4) 标记 的 属性 必须 具有 值 

在 HTML 中 ,设置 标记 的 属性 值 可 以 使 用 简写 形式 ,例如 : <input checked. # 
XHTML 中 ,要 求 所 有 属性 都 必须 具有 值 ,而 不 允许 使 用 简写 形式 ,对 于 HTML 中 那些 可 
以 简写 的 属性 ,在 XHTML 中 把 属性 名 称 设置 为 属性 值 就 可 以 了 ,如 二 input checked = 
"checked">。 

(5) 强制 XHTML 元 素 

在 XHTML 规范 中 ,要 求 所 有 文档 都 必须 有 一 个 二 ! DOCTYPE 二 声明 ,因此 创建 符 
合 XHTML 1.0 标准 的 网 页 .必须 在 文档 首 行 添加 以 下 文档 类 型 声明 : 

< ! DOCTYPE html PUBLIC "- //W3C//DTD XHTML 1.0 Transitional//EN" 

"http: //www.w3.org/TR/xhtmll/DTD/xhtmll- transitional.dtd"» 

其 中 DOCTYPE X Document Type( 文 档 类 型 ) 的 缩写 ,说 明 编 码 使 用 的 XHTML 或 
者 HTML 的 版 本 ,其 中 的 DTD( 例 如 xhtmll-transitional. dtd) 称 为 文档 类 型 定义 ,浏览 器 
根据 所 定义 的 DTD 来 解释 页 面 中 的 HTML 标记 并 将 其 内 容 呈 现 出 来 。 要 创建 符合 标准 
的 网 页 ,二 ! DOCTYPE> 声 明 是 必 不 可 少 的 。 

2. CSS 

CSS X Cascading Style Sheets (E dE 4E A AŽ) 85 fj 4, CSS 是 一 种 标记 性 语言 ,与 
HTML 是 “ 表 兄 弟 ”, 样 式 表 技 术 诞 生 于 1996 年 ,需要 浏览 器 支持 ,现在 大 多 数 浏览 器 都 支 
持 CSS。 更 多 的 人 把 它 称 做 样式 表 , 顾 名 思 义 , 它 是 一 种 设计 网 页 样式 的 工具 。 借 助 CSS 
的 强大 功能 ,网 页 将 在 设计 者 丰富 的 想象 力 下 千变万化 。 

使 用 HTML 语言 可 以 构建 网 页 的 文档 结构 ,通过 HTML 标记 可 以 定义 各 种 页 面 元 素 
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并 通过 属性 控制 页 面 元 素 的 样式 。 为 了 增强 或 控制 页 面 元 素 的 样式 并 实现 样式 信息 与 页 面 
内 容 的 分 离 , 引 入 了 CSS. CSS 样式 类 似 于 面向 对 象 编程 中 的 类 ,可 以 一 次 定义 、 重 复 使 用 ， 
使 用 CSS 有 助 于 实现 网 站 的 统一 布局 。 

CSS 可 以 精确 定义 页 面 中 各 元 素 以 及 页 面 的 整体 样式 ,可 以 非常 灵活 地 控制 页 面 的 确 
切 外 观 ,控制 许多 文本 属性 ,包括 特定 字体 和 字号 , 粗 体 、 斜 体 、 下 夯 线 ,文本 阴影 \ 文 本 磊 色 、 
背景 颜色 、 链 接 颜 色 和 链接 下 画 线 等 ,还 可 以 确保 在 多 个 浏览 器 中 以 更 一 致 的 方式 处 理 页 面 
布局 和 外 观 。 

CSS 不 仅 可 以 控制 一 篇 文档 中 的 文本 格式 ,而 且 还 可 以 控制 多 篇 文档 的 文本 格式 。 因 
此 使 用 CSS 样式 表 定 义 页 面 文字 ,将 会 使 工作 量 大 大 减 小 。 

CSS 是 一 组 格式 设置 规则 ,可 以 将 所 有 关于 文档 的 样式 从 内 容 中 全 部 脱离 出 来 ,页 面 
内 容 ( 即 HTML 代码 ) 存 放 在 HTML 文件 中 ,定义 内 容 表示 形式 的 CSS 规则 存放 在 另 一 个 
文件 (外 部 样式 表 ) 或 HTML 文档 的 另 一 部 分 (通常 为 网 页 首部 ) 中 。 

术语 “ 层 司 "表示 对 同一 个 页 面 元 素 应 用 多 种 样式 的 能 力 。 例 如 ,可 以 创建 一 个 CSS 规 
则 来 应 用 颜色 ,创建 另 一 个 CSS 规则 来 应 用 边 距 , 然 后 将 两 者 应 用 于 页 面 上 的 同一 段 文本 。 
所 定义 的 样式 向 下 “ 层 司 ”到 页 面 元素 , 并 最 终 实现 想 要 的 设计 效果 。 

3. CSS 的 引用 

可 以 用 以 下 三 种 方式 将 样式 表 谋 入 网 页 ,最 接近 目标 的 样式 定义 优先 权 最 高 。 高 优先 
权 样 式 将 继承 低 优先 权 样式 的 未 重合 定义 但 履 盖 重 登 的 定义 。 

(1) 链 入 外 部 样式 表 文 件 (Linking to a Style Sheet) 

先 建 立 外 部 样式 表 文 件 (. css) ,然后 使 用 HTML 的 link 对 象 。 

【 例 4-1] 

<head> 

<title> 文 档 标题 < /title> 
«link rel=stylesheet href- "http://www.dhtmlet .com/dhtmlet .css" type="text/css"> 

< /head» 

(2) 定义 内 部 样式 块 对 象 (Embedding a Style Block) 

可 以 在 HTML x # 8j <HTML> £f <BODY > 4$ 36 2 ii] d$ A — 4- — STYLE + 
</STYLE>> 块 对 象 。 

【 例 4-2] 

«html» 

<head> 

<title> 文 档 标 题 < /title> 

<style type="text/css"> 

c cc 

body (font: 10pt "Arial") 

hl (font: 15pt/17pt "Arial"; font- weight: bold; color: maroon] 
h2 (font: 13pt/l5pt "Arial"; font-weight: bold; color: blue] 
p (font: 10pt/12pt "Arial"; color: black] 

--» 


« /style» 
< /head» 
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<body> 
区 注意 
这 里 将 style 对 象 的 type 属性 设置 为 text/css, 是 允许 不 支持 这 种 类 型 定义 的 浏览 器 
忽略 样式 表单 。 


(3) 内 联 定义 (Inline Styles) 
内 联 定义 是 指 在 对 象 的 标记 内 使 用 对 象 的 style 属性 定义 适合 该 对 象 的 样式 表 属 性 。 
【 例 4-3] 


«P style="font: ' 黑 体 ';font- size: 24px;color: #FF0000;"> 我 的 家 乡 是 山西 < /P> 


除 设 置 文本 格式 外 ,还 可 以 使 用 CSS 控制 网 页 中 块 级 元 素 的 格式 和 定位 。 块 级 元 素 是 
一 段 独 立 的 内 容 , 在 HTML 中 通常 由 一 个 新 行 分 隔 , 并 在 视觉 上 设置 为 块 的 格式 。 例 如 ， 
H1 标记、P 标记 和 DIV 标记 都 会 在 网 页 上 生成 块 级 元 素 。 对 块 级 元 素 可 以 执行 以 下 操作 : 
为 它们 设置 边 距 和 边框 ,将 它们 放置 在 特定 位 置 , 向 它们 添加 背景 颜色 ,在 它们 周围 设置 浮 
动 文本 等 。 对 块 级 元 素 进行 操作 的 方法 实际 上 就 是 使 用 CSS 进行 页 面 布 局 设置 的 方法 。 

4. CSS 语法 

CSS 样式 表 由 一 些 规则 组 成 ,每 个 规则 由 选择 符 和 属性 声明 两 个 部 分 组 成 ,其 中 选择 
符 用 于 标识 格式 元 素 ( 如 例 4-2 中 的 p、hl、h2, 类 名 或 id 都 是 选择 符 ) ,属性 声明 则 用 于 定义 
元 素 的 样式 。 属 性 声明 用 花 括号 括 起 来 ,其 内 容 由 一 些 属性 一 值 对 组 成 ,属性 名 称 与 属性 值 
用 冒号 (: ) 分 隔 , 不 同属 性 一 值 对 用 分 号 (;) 分 隔 。 样 式 规则 的 基本 语法 为 : 

选择 符 { 属 性 : 值 } 
或 者 

选择 符 {属性 1: 值 1; 属 性 2: 值 2} 

5. CSS 的 类 型 

CSS 的 类 型 有 三 种 。 

(OD EZL HTML 标签 : 为 HTML 标识 符 重新 定义 格式 化 。 

(2) 自 定义 样式 : 可 以 将 自 定 义 的 样式 应 用 于 任何 文本 。 

(3) 使 用 CSS 选择 器 : 专用 于 控制 链接 的 显示 效果 ,共有 四 种 选择 器 。 

。 a: link( 没 有 接触 过 的 链接 ) : 用 于 定义 链接 的 常规 状态 。 这 种 链接 状态 是 基本 的 ， 

推荐 至 少 要 定义 这 种 链接 。 

* a: hover( 和 鼠标 放 在 链接 上 的 状态 ) : 用 于 产生 视觉 效果 。 

。 a: visited( 访 问 过 的 链接 ) : 用 于 已 经 访问 过 的 链接 。 颜 色 要 和 普通 文本 的 链接 和 

其 他 状态 颜色 不 同 。 

* a: active( 在 链接 上 按 下 鼠标 时 的 状态 ) : 用 于 表现 鼠标 按 下 时 的 链接 状态 。 

以 上 选择 器 中 ,第 4 种 较 少 使 用 。 在 定义 选择 器 时 ,必须 严格 按 此 顺序 定义 ,否则 可 能 
会 无 效 。 
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4.3.1 任务 描述 


利用 Adobe Dreamweaver CS3 进行 “新 闻 类 别 网 站 ?页 面 结构 的 制作 ,效果 如 图 4-12 
所 示 。 


红 PT FREN ENEN | EWEA | BERN 


基于 我 们 | SERA | DRAN | SRRA | 管理 入 口 
Copyright © 1998 - 2008 Tencent Inc. All Rights Reserved 
ERKA: DTE 


图 4-12 “新 闻 类 别 网 站 "页面 结构 效果 图 


4.3.2 任务 实现 


该 任务 可 具体 细 分 为 基本 框架 的 制作 、 页 面 头 部 的 制作 、 页 脚 部 分 的 制作 和 导航 条 的 制 
作 , 所 以 通过 以 下 四 个 任务 来 实现 。 
任务 1: 基本 框架 的 制作 
任务 2: 页 面 头 部 的 制作 
任务 3: 页 脚 部 分 的 制作 
任务 4: 导航 条 的 制作 
任务 1: 基本 框架 的 制作 
此 任务 主要 是 建立 网 站 基本 的 框架 ,完善 字体 集 .字体 大 小 ` 页 面 的 背景 . 超 链接 和 段落 


等 整体 效果 的 控制 。 巾 设计 图 分 析 可 知 ,背景 效果 采用 了 图 片 的 纵向 重复 来 制作 。 有 具体 效 
果 如 图 4-13 所 示 。 


具体 操作 步骤 如 下 : 
COD 打开 4.1 节 所 建 的 站 点 。 一 般 情况 下 启动 Dreamweaver 后 ,自动 打开 的 就 是 上 次 
使 用 过 的 站 点 。 如 果 有 多 个 站 点 ,可 以 在 [文件] 面板 中 进行 选择 ,如 图 4-14 所 示 。 


(2) 新 建 标准 的 XHTML 页 面 。 通 过 菜单 栏 的 [文件 了 民 新 建 ] 命 令 , 打 开 【 新 建文 档 】 
对 话 框 ,依次 选择 [空白 页 〗 HTML | 过 无 二 选项 ,从 “文档 类 型 "列表 框 中 选择 XHTML 1.0 
Transitional 选项 ,然后 单 击 【 创 建 3 按 钮 ,如 图 4-15 所 示 。 
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图 4-13 “新 闻 类 别 网 站 ?基本 框架 的 效果 图 图 4-14 在 [文件 面板 中 进行 站 点 的 切换 
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图 4-15 【新 建文 档 ] 对 话 框 


CD 保存 刚刚 新 建 的 HTML 文件 。 通 过 菜单 栏 的 【文件 了 民 另 存 为 命令 ,打开 【另存 
Je aur is f. dE XC UE Ab fi A "Index. html”. 其 他 参数 默认 ,然后 单 击 【 创 建 ] 按 钮 ,如 
图 4-16 所 示 。 

(4) 建立 DIV 结构 。 按 照 如 程序 4-1 所 示 的 代码 完善 Index. html。 

【程序 4-1】 建立 DIV 结构 

EJ Example Source Code: 

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/ 

DTD/xhtmll-transitional.dtd"» 

«html xmlns- "http: //www.w3.org/1999/xhtml"» 

<head> 

<meta http-equiv- "Content-Type" content= "text/html;charset- gb2312" /> 


<title>JSP 新 闻 系 统 < 人 title> 
"Content-Language" content- "en-us" /> 


«meta http-equiv- 
«meta http-equiv- "imagetoolbar" content- "no" /» 
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文件 名 四 LL 
RERED: — | 所 有 文档 (+ htm:* htal:*. shtm:*. shtml:*.hta;*. htc;#*, xhtal;*, sta;*. ssii#. j [M 


站 点 根 目录 
Unicode 标准 化 表单 (): TEA ~) 
口 包 括 Unicode 38: (BOMYS) 


图 4-16 【另存 为 …】 对 话 框 


«meta name- "MSSmartTagsPreventParsing" content- "true" /> 
«meta name= "description" content- "JSP 新 闻 系 统 " /> 

«meta name= "keywords" content= "JSP, 新 闻 系 统 " /> 

«meta name- "author" content- "Skimob" /> 

< /head» 


<body> 

<div id=Top>< /div> 
«div id=MenuBar>< /div> 
«div id=Main>< /div> 
«div id=Footer>< /div> 
< /body> 

</html> 


(5) 按照 上 述 操作 步骤 建立 新 文件 ,名 为 Style. ess 的 CSS 文件 ,保存 到 Themes 目录 
下 ,并 按照 如 程序 4-2 所 示 的 代码 建立 相应 的 CSS 结构 。 

【程序 4-2】 建立 相应 CSS 结构 

I3 Example Source Code: 


Gcharset "utf-8"; 
/ * CSS Document * / 


E 
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin: 0px auto; 
padding: Opx; 
text-decoration: none; 
} 
at 


color: #990000; 
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} 
a: hover { 

color: #FF0000; 
} 


a: visited ( 
color: #990033; 

f 

body { 
font-size: 1.5ex; 
line-height: 180% ; 
background-color: $CC0000; 
background-image: url (Images/bg.jpg); 
background-repeat: repeat-y; 
background position: center; 


margimright: 10px; 
margin-left: 10px; 
text-align: left; 
text-indent: 2em; 


(3 注意 
此 处 对 背景 的 设置 ,涉及 对 设计 图 的 分 析 , 应 特别 注意 。 


(6) 建立 HTML 和 CSS 文件 的 连接 。 如 图 4-17 所 示 , 在 【属性 了 面板 的 【样式 ]】 下 拉 列 


表 中 选择 “附加 样式 表 …” 选 项 ,弹出 【链接 外 部 样式 表 】 对 话 框 , 在 对 话 框 中 单 击 【 浏 览 ] 按 


W Adobe Dreamweaver CS3 — [D:\ 新 建文 件 夫 \¥eb\Index. htal (XHTML)z] 


xe CELI 


</head> 


<body> 
<div id=Top》 </d 


《diy id-Maim 4 
<div id=Footer> 
</body> 
</htnl> 


Tone 


T5 Index. htnl 
| 


图 4-17 【链接 外 部 样式 表 】 对 话 框 
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钮 ,选择 上 一 步 建 立 的 样式 表 文 件 Style. css, 设 置 完成 后 保存 文件 。 

(7) 至 此 ,完成 了 页 面 基本 框架 的 制作 ,通过 菜单 栏 的 [文件 〗I【 在 浏览 器 中 预览 3 命令 ， 
选择 Internet Explore, 或 者 直接 按 功 能 键 F12 来 预览 Index. html, 在 浏览 器 中 的 预览 效果 
如 图 4-13 所 示 。 

任务 2: 页 面 头 部 的 制作 

对 于 页 面 头 部 的 制作 分 为 两 个 部 分 ,左面 的 部 分 是 Logo, 右 面 是 一 些 附加 的 带 有 超 链 
接 的 文本 内 容 , 左 面 Logo 部 分 采用 图 片 直接 导出 , 设 为 左 对 齐 ;右面 的 文本 部 分 加 粗 , 设 为 
右 对 齐 ,效果 如 图 4-18 所 示 。 


红 "nmi: PREN | 设 为 首页 | EMER | KERM 


图 4-18 “新 闻 类 别 网 站 ”页 面 头 部 的 效果 图 


具体 操作 步骤 如 下 : 

(1) 在 对 应 的 位 置 输入 如 程序 4-3 所 示 的 代码 ,建立 DIV 结构 。 
【程序 4-3】 建立 DIV 结构 

EJ Example Source Code: 


«div id- Top» 
<div id- Logo» < img src- "Themes/Images/Flogo.jpg" alt- "Logo" />< /div> 
«div id-Banner» 
«a href- "http://221.83.32.56/"» ^E f Ë Vi « /a> | 
«a onclick-defaul home(); href- "Default.jsp£" name- home» it Jj 15 Ji « /a» | 
«a onclick-defaul addFavorite(); href- "Default.jsp#"> 添 加 收藏 </a>1 
«a href= "mailto: guotianbingesxftc.edu.cn"> 联 系 我 们 </a> 
</div> 
<div class=clear>< /div> 
</div> 


(2) 在 Style. css 样式 文件 中 添加 如 程序 4-4 所 示 的 代码 。 
【程序 4-4】 建立 相应 CSS 结构 
Ej Example Source Code: 


stop ( 
background-color: #ffffff; 
width: 880px; 
padding-right: 10px7 
padding-left: 10px; 
padding-bottom: 5px; 
padding-top: 5px; 

} 

#banner { 
float: right; 
margin: 0px; 
Color: #990000; 
text-align: right 
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#top #logo { 
float: left 
} 


(3) 预览 效果 。 


任务 3: 页 脚 部 分 的 制作 
对 于 页 脚 部 分 的 制作 ,涉及 的 主要 内 容 有 文本 、 一 些 超 链接 , 对 齐 方式 设置 为 居中 。 页 


脚 部 分 最 重要 的 是 顶部 的 细 线 ,采用 上 边框 就 可 实现 ,字体 继承 body 的 样式 即 可 ,效果 如 
图 4-19 所 示 。 


关于 我 们 | SRRA | 功能 简介 | 版 权 说 明 | 管理 入 口 
Copyright © 1998 - 2008 Tencent Inc. All Rights Reserved 
版 权 所 有 : CINE 


图 4-19 “新 闻 类 别 网 站 ?页 脚 部 分 的 效果 图 


具体 操作 步骤 如 下 : 

CD 在 对 应 的 位 置 建立 如 程序 4-5 所 示 的 DIV 结构 。 
【程序 4-5] 建立 DIV 结构 

BB Example Source Code: 


«div id- Footer» 
«div id-Copyright^» 
«div» 
«a href- "About.jsp"» X T 4€ fl] « /a» | 
«a href- "Readme.jsp"> 安 装 说 明 < /a» | 
«a href- "Profile.jsp"> 功 能 简介 < /a» I 
«a href- "Copyright.jsp"> 版 权 说 明 < /a> | 
«a href- "Admin Main.jsp"> 管 理 入 口 < /a> 
</div> 
<div>Copyright &copy; 1998 - 2008 Tencent Inc. All Rights Reserved< /div> 
<div> 版 权 所 有 : 8 工作 室 < /div> 
</div> 
</div> 


(2) 在 Style. css 样式 文件 中 添加 如 程序 4-6 所 示 的 CSS 结构 。 
【程序 4-6】 建立 相应 CSS 结构 
BE Example Source Code: 


#footer ( 
border-top: #ff0000 lpx solid; 
width: 900px 
} 
#copyright { 
color: $cc0000; 
line-height: 200% ; 
height: 50px; 
text-align: center 
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(3) 预览 效果 。 

任务 4: 导航 条 的 制作 

导航 条 的 制作 ,涉及 左右 两 个 部 分 ,左面 直接 导入 图 片 ;右面 的 部 分 比较 难 ,除了 “ 首 
页 ”, 其 他 的 样式 相同 ,设置 超 链接 的 a: hover 使 菜单 达到 动态 变化 的 效果 ,在 此 对 二 a 二 采 
用 浮动 效果 ,并 单独 设置 填充 使 二 a> 成 为 块 状 , 从 而 实现 如 图 4-20 所 示 的 效果 。 


具体 操作 步骤 如 下 : 

(1) 在 对 应 的 位 置 输入 如 程序 4-7 所 示 的 代码 ,建立 DIV 结构 。 
【程序 4-7】 建立 DIV 结构 

BE Example Source Code: 


图 4-20 “新 闻 类 别 网 站 ”导航 条 的 效果 图 


<div id=MenuBar> 
«div id=time> 
«script type= text/javascript> Printtime ()« /script> 
</div> 
<div id=Menu> 
<a id=Home href="Index.html"> 首 页 <br />< span class=Menu2> Home< /span» < /a> 
«a href="List.html"> 建 设 动态 <br />< span class=Menu2> Dynamic< /span>< /a> 
<a href="List.html"> 公 告 通知 <br />< span class-Menu2» Notice< /span>< /a> 
<a href= "List.html"> 他 山 之 石 <br />< span class-Menu2» Reference< /span> < /a> 
«a href= "List.html"> 上 级 文件 <br />< span class=Menu2> Documents< /span>< /a> 
«a href= "List.html"> 师 生 论 坛 <br />< span class=Menu2>Discussion< /span>< /a> 
«a href= "List.html"> 工 作 简报 <br />< span class=Menu2>Brief< /span></a>< /div> 
</div> 


(2) 在 Style. css 样式 文件 中 添加 如 程序 4-8 所 示 的 CSS 结构 。 


【程序 4-8】 建立 相应 CSS 结构 
EJ Example Source Code: 


3menubar ( 
width: 900px 


#menubar £time { 
float: left 


#menu ( 
float: right 


#menu .menu2 ( 
font-size: 10px; 
line-height: normal 


#menu £home { 
padding-left: 30px; 
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background-image: url("images/Menu left.jpg"); 
background-repeat: no-repeat 
} 
#menu a { 
padding right: 12px; 
padding left: 12px; 
float: left; 
background image: url ("images/Menu.gif"); 
padding-bottom: 12px; 
color: #ffffff; 
line-height: normal; 
padding top: 12px; 
background-repeat: no- repeat; 
background-color: #cc0000; 
text-decoration: none 
} 
#menu a: hover { 
color: #ffff00; 
text-decoration: none 


} 
(3) 预览 效果 。 


4.3.3 相关 知识 拓展 


1. CSS 层 亚 样式 表 的 优先 级 问题 


掌握 了 使 用 CSS 层 释 样式 表 的 基本 方法 之 后 ,还 需要 了 解 其 有 关 优 先 级 的 问题 。 如 果 
在 页 面 中 采用 了 多 种 样式 表 的 定义 方式 ,并 且 使 用 不 同方 式 针对 同一 个 HTML 标记 进行 
了 重复 定义 , 且 定 义 的 属性 中 有 冲突 ,那么 哪 一 种 定义 会 生效 呢 ? 

例如 ,在 外 部 样式 表 文 件 中 对 二 hl 二 标记 进行 了 颜色 的 定义 ,而 在 本 页 面 的 二 style 二 
样式 中 既 导 入 了 外 部 的 样式 文件 ,又 对 该 标记 进行 了 颜色 的 重新 定义 ,还 有 可 能 在 页 面 某 处 
的 二 hl 二 标记 中 ,使 用 style 属性 进行 了 不 同 颜色 的 定义 。 那 么 到 底 这 几 种 颜色 的 设置 到 
底 哪 个 会 优先 生效 呢 ? 

答案 是 这 样 的 : CSS 样式 的 定义 遵从 * 就 近 一 致 "的 原则 , 离 所 控 标 签 越 近 的 样式 优先 
级 越 高 ,即使 用 style 属性 定义 的 样式 优 于 使 用 过 style 之 样式 定义 的 内 部 样式 ,使 用 
去 style> 样 式 定义 的 内 部 样式 优 于 使 用 外 部 样式 表 文 件 定义 的 样式 。 故 上 例 中 ,在 页 面 某 
处 的 二 hl 之 标记 中 ,使 用 style 属性 进行 的 颜色 定义 会 优先 生效 。 


2. CSS 常用 属性 
CSS 常用 属性 如 表 4-1 所 示 。 
3. CSS 常用 单位 


CSS 常用 单位 如 表 4-2 所 示 。 
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表 4-1 CSS 常用 属性 


B 性 功 能 说 明 
{font-family:gill, Verdana) | 字体 如 果 字 体 名 含有 空格 ,要 将 字体 名 加 上 双 引 号 ;已 经 在 双 引 
号 里 的 要 降级 为 单 引号 
{font-style: italic) 字体 italic 或 oblique 为 斜体 ;normal 为 正常 体 。 
a nd 字 粗 细 bea M bold, bolder 等 ,逐渐 加 粗 ; 值 也 可 以 为 
font-size: 12px} 字 大 小 单位 有 px. exem 等 。 
(color; red) 颜色 f RT ELS CI) red, yellow, blue 形式 ;(2)rgb(255,23,100) 形 
R: D # rrggbb 形式 
{ background-color: red} 背景 颜色 ”| 值 同 颜色 设置 , 当 值 为 transparent 时 ,为 透明 
(background-image: none) | 背景 图 iter MR url( 图 像 文件 的 urD E , 指 
(exdecoraton; none) | 特殊 字体 | B tenes Le MIRAR, underlines FM 
(text-align; left) 文字 对 齐 值 为 left、right、center justify 等 
(ripe dei | 列表 rese ere AE 
值 为 none( 无 ) .dotted( 点 虚线 ) ,dash( 短 线 虚线 ) solid C 
{border-style: solid) 边框 样式 “| 线 ) ,double( 双 线 ) .groove(3d 沟 档 状 ) 、ridge(3d YAR) „inset 
(3d HR) .outset(3d Shii ^5 
E NE E 边框 颜色 人 形式 ;(2)rgb(255,23,100) 形 式 ; 
表 4-2 CSS 常用 单位 
单 位 名 称 说 明 
px 像素 pixel, 是 相对 屏幕 分 辨 率 而 言 的 
cm 厘米 1/100 米 
mm 毫米 1/1000 米 
in 英寸 lin=2. 54cm 
pe 派 卡 lpc—1/6in 
aa 浏览 器 默认 字母 M 或 H 的 高 度 为 lem。 原 理 : 读 取 浏 览 器 默认 字号 大 小 值 ,如 
12pt; 读 取 em 值 , 如 1. 5em; 确 定 最 终 显 示 的 大 小 为 12pt * 1. 5 二 18pt 
pt 点 lpt—0.3478mm 


4. CSS 用 来 定位 文档 元 素 的 属性 


CSS 用 来 定位 文档 元 素 的 属性 如 表 4-3 所 示 。 


网 站 项 目 规 划 与 设计 Rh r4 
3X 4-3 CSS 用 来 定位 文档 元 素 的 属性 
CSS 属性 属性 取 值 说 明 
absolute 绝对 位 置 的 元 素 是 独立 的 
position 
relative 各 元 素 位 置 关系 是 相对 的 
left 和 top 绝对 值 或 百分比 定义 元 素 的 左上 顶点 坐标 
width 和 height | 绝对 值 或 百分比 定义 元 素 的 宽 和 高 
z-index 整数 或 auto 按照 z-index 值 的 递增 顺序 由 底层 至 顶层 堆砌 元 素 
继承 : 子 元 素 在 没有 被 定义 样式 的 前 提 下 , 它 将 继承 上 级 元 素 
ENT 所 定义 的 样式 例如 : 一 h3 style="color; red" 7 The headline is 
<em>important</em>! 一 /h3 二 ,设置 h3 为 红色 ,而 子 元 
visibility 素 em 没有 定义 颜色 , 它 将 继承 h3 的 红色 
visible 元 素 可 见 
hidden 隐藏 元 素 


4.3.4 经 验 总 结 


1. 用 class_name 方式 写 类 名 


建议 写 类 名 时 用 class_name 方式 ,也 可 以 用 class-name 方式 。 有 的 教材 建议 使 用 
className 方式 写 类 名 ,但 这 里 的 建议 是 尽量 少 用 ,因为 不 同 浏览 器 对 英文 大 小 写 是 否 敏 感 
不 得 而 知 。 


2. 样式 的 定义 尽量 使 用 class 而 不 用 id 

建议 在 定义 样式 名 时 尽量 使 用 class 而 不 用 id, 原 因 有 以 下 三 点 。 

CD id 不 可 以 重用 ,而 class 可 以 重用 。 

(2) id 的 优先 级 太 高 ,若是 此 id 对 应 的 代码 定义 了 一 个 #page_content a (color: # 
f60), 当 网 页 里 要 修改 链接 颜色 .都 必须 加 上 # page content 才能 越过 这 个 优先 级 。 

(3) id 专门 留 给 JS 用 ,这 样 才 符 合 页 面 表现 形式 与 动作 行为 分 离 的 原则 。id 命名 时 采 
用 “驼峰 式 ”。 

3. margin 和 padding 

使 用 margin 和 padding 时 ,尽量 省 略 最 后 一 个 设置 值 。 如 “margin: 20px 10px 5px 
10px;”, 左 右 值 是 一 样 的 ,应 该 省 略 掉 最 后 一 个 值 ,写成 “margin: 20px 10px 5px;”。 如 果 
以 后 要 修改 左右 间距 , 改 一 个 就 可 以 了 ,还 能 避免 漏 改 某 些 值 。 

4. 使 用 浮动 功能 时 记得 适当 清除 指令 


浮动 效果 是 个 危险 的 功能 ,未 必 会 产生 设计 者 所 期 望 的 结果 。 如 果 遇 到 浮动 元 素 延 伸 
到 外 围 容器 的 边框 或 者 产生 其 他 不 正常 情况 .应 先 确定 浮动 效果 的 实现 方法 是 否 正确 。 
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5. 避免 同时 对 元 素 指 定 padding/border 以 及 高 度 或 宽度 


Windows 版 IE 经 常 导致 width 与 height 的 计算 问题 。 有 些 方法 可 以 解决 此 问题 ,但 
如 果 母 元 素 需 要 指定 高 度 与 宽度 时 ,最 好 能 够 在 母 元 素 之 内 的 子 元 素 套 用 margin; 或 者 当 
子 元 素 需 要 指定 高 度 与 宽度 时 ,在 母 元 素 套 用 padding 以 达 效 果 。 


6. ig f£" TRBL" S i& 


border,margin 5j padding 的 简写 语法 有 特定 顺序 ,从 上 方 开 始 顺 时 针 方 向 转动 : top, 
right bottom left。 所 以 “margin: 0 1px 3px 5px;” 的 结果 是 上 方 无 边界 ,右边 1 像素 ,以 
次 类 推 。 记 住 *TRBL” 中 不 要 弄 错字 母 次 序 。 


7. 数值 要 指定 单位 
CSS 需要 对 每 个 font, margin 等 各 种 值 指 定单 位 ,除非 是 0 时 可 以 省 略 。 


4.4 主页、 列表 页 和 内 容 页 的 制作 
4.4.1 任务 描述 
利用 Adobe Dreamweaver CS3 进行 “新 闻 类 别 网 站 ”主页 ,列表 页 和 内 容 页 的 制作 。 
4.4.2 任务 实现 
本 阶段 任务 可 具体 细 分 为 主页 的 制作 、 列 表 页 的 制作 和 内 容 页 的 制作 ,通过 以 下 三 个 任 
任务 1: 主页 的 制作 


任务 2: 列表 页 的 制作 
任务 3: 内 容 页 的 制作 


任务 1: 主页 的 制作 

参见 2.4 节 ,主页 的 设计 效果 如 图 2-10 所 示 。 下 面 对 其 进行 分 析 : 除去 页 面 的 基本 框 
架 外 ,主页 的 其 他 部 分 都 是 在 如 图 2-11 所 示 的 列表 框架 之 内 ,所 以 主页 制作 的 重点 是 在 这 
个 列表 框架 中 。 

下 面 对 图 2-11 所 示 的 列表 框架 进行 详细 的 分 析 。 列 表 框 架 包括 上 下 两 个 部 分 ,上 部 是 
一 个 圆 角 的 矩形 ,并 且 设 置 了 底 纹 ,其 中 内 容 也 包括 左右 两 部 分 ;下 部 是 一 个 矩形 ,但 是 没有 
上 边框 ,只 有 左 、 右 \ 下 三 个 边框 。 

具体 操作 步骤 如 下 : 

(1) 在 对 应 的 位 置 建立 如 程序 4-9 所 示 的 DIV 结构 。 

【程序 4-9】 建立 DIV 结构 

I3 Example Source Code: 


<DIV class- List» 
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<DIV class=title> 

<DIV class-title left> 图 片 新 闻 < /DIV> 

<DIV class-title right><A href-""»More&gt; &gt;« /A>< /DIV> 
<DIV class=clear>< /DIV> 

</DIV> 

<DIV class- connect» « IMG src=" Pic/6.jpg "></DIV> 

</DIV> 


(2) 在 Style. css 样式 文件 中 添加 如 程序 4-10 所 示 的 CSS 结构 。 
【程序 4-10】 建立 相应 CSS 结构 
BE Example Source Code: 


.Clearf 
clear: both; 

) 

.List ( 
marginright: 5px; 
margin-bottom: 5px; 

} 

.title ( 
background-image: url(Images/Title Bg.jpg); 
background-repeat: repeat-x; 

) 

.title left ( 
height: 25px; 
float: left; 
background-image: url (Images/Title Left.jpg); 
background-repeat: no-repeat; 
padding-left: 40px; 
padding-top: lOpx; 
font-weight: bold; 
color: $CC0000; 

} 

.title right { 
height: 25px; 
float: right; 
padding-right: 20px; 
background image: url(Images/Title Right.jpg); 
background repeat: no repeat; 
background-position: right; 
padding-top: 10px; 
font-weight: bold; 
color: 4$CC0000; 

) 

connect ( 
border-right-width: lpx; 
border-bottomrwidth: lpx; 
border-left-width: lpx; 
border-right-style: solid; 
border-bottom style: solid; 
border-left-style: solid; 
border-right-color: £CCCCCC; 
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border-bottom-color: #CCCCCC; 
border-left-color: £CCCCCC; 
text-align: center; 

padding: 5px; 


f 


(3) 预览 效果 。 

任务 2: 列表 页 的 制作 

参见 2. 5 节 , 列 表 页 的 设计 效果 如 图 2-18 所 示 。 下 面 对 其 进行 分 析 : 除去 页 面 的 基本 
框架 外 ,列表 页 的 其 他 部 分 都 是 在 如 图 2-11 所 示 的 列表 框架 之 内 ,所 以 列表 页 制作 的 重点 
是 如 图 4-21 所 示 的 新 闻 列 表 模 块 。 


中 建设 动态 当前 位 置 : 首页 >> 建 设 动态 

陵 设 动态 ] 连 拷 连 轧 厂 7 月 中 上 名 忆 漏 钢 三 次 2007-12-17 
BERRIS] 生产 完成 进度 表 7-22 2007-12-14 
哇 设 动态 ] 全 力 桂 造 决胜 市 场 之 剑 2007-11-22 
BERRIE] 把 握 市 场 占领 市 场 努 力 实现 最 佳 利润 2007-12-24 
BERRIS] 内 部 人 才 招 聘 启事 ?? 技 术 中 心 2007-11-14 
[建设 动态 ] 三 炼 钢 7# 和 转炉 炉 役 检修 进入 砌 炉 阶 段 2007-11-20 
Debs] 集团 公司 十 届 三 次 职工 代表 大 会 隆重 召开 2007-11-05 
Bebé] 生产 进度 表 7-20 2007-11-16 
Deas] 公司 企业 知识 仓库 使 用 说 明 2007-11-13 
BERIS] 7 月 22 日 化 验 报告 音 2007-12-27 
建设 动态 ] 公司 召开 职 代 会 预备 会 2007-09-13 
[建设 动态 ] 生产 日 报 7-16 2007-10-24 
[建设 动态 ] 自用 坯 库存 表 7-16 2007-10-13 
BERIS] 2004 年 第 二 季度 产品 质量 工作 总 结 2007-10-20 
BERIS 透视 今年 的 防汛 工作 2007-09-06 
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图 4-21 “新 闻 类 别 网 站 ”列表 页 新 闻 列 表 模块 效果 图 


新 闻 列 表 模块 采用 的 是 4. 3 节 中 制作 的 列表 框架 ,重复 的 内 容 不 再 介绍 。 本 节 的 重点 
是 介绍 底部 分 页 的 实现 。 

具体 操作 步骤 如 下 : 

(1) 在 对 应 的 位 置 建立 如 程序 4-11 所 示 的 DIV 结构 。 

【程序 4-11】 建立 DIV 结构 

Œj Example Source Code: 


<DIV class- List» 
<DIV class-title» 
<DIV class-title left»«A href- "http://localhost: 8080/New/"> 建 设 动态 < /A» « /DIV> 
<DIV class-title right» 当前 位 置 : «A href="#"> 首 页 </A>>><A href="#"> 建 设 动态 </A> 
</DIV> 
<DIV class=clear>< /DIV> 
</DIV> 
<DIV class= connect> 
<DIV> 
<DIV class= connect left> 
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<A title= 馆 藏 检索 href- "http://localhost: 8080/New/List.jsp?MenuID=25"> [建设 动态 ] 


</R> 
<A title= 第 二 季度 产品 质量 href=" Content .jsp?ID=1592"> 第 二 季度 产品 质量 工作 < /A> 
</DIV> 


<DIV class-connect right» 2007-10-20« /DIV> 
<DIV class-clear»« /DIV> 
</DIV> 

第 1 页 <FONT color=gray> 首 页 前 页 </FONT> <A 
href="List.jsp?MenuID=25&amp;Page=2"> 后 页 </A> <A 
href="List.jsp?MenuID=25&amp;Page=19"> 尾 页 </A> 共 19 页 
</DIV> 
</DIV> 


(2) 在 Style. css 样式 文件 中 添加 如 程序 4-12 所 示 的 CSS 结构 。 
【程序 4-12】 建立 相应 CSS 结构 
RJ Example Source Code: 


-connect right ( 
float: right; 
color: #990000; 

} 

-connect left ( 
float: left; 
list-style-position: outside; 
list-style-image: url (Images/pic.gif); 
list-style-type: square; 

) 


(3) 预览 效果 。 


任务 3: 内 容 页 的 制作 
参见 2. 5 节 , 内 容 页 的 设计 效果 如 图 4-19 所 示 。 下 面 对 其 进行 分 析 : 除去 页 面 的 基本 


框架 外 ,内 容 页 的 其 他 部 分 都 是 在 如 图 2-11 所 示 的 列表 框架 之 内 ,所 以 内 容 页 制作 的 重点 
是 图 2-20 所 示 的 内 容 显示 模块 。 


图 2-20 中 ,内 容 页 的 内 容 显 示 模 块 可 进一步 划分 ,具体 分 为 五 块 : 标题 ` 相 关 信 息 、 导 


TE .内容 和 前 后 导航 ,在 套用 了 实际 数据 的 显示 中 ,这 种 结构 依然 不 变 ,只 是 显示 的 具体 内 容 
发 生 了 变化 。 对 这 五 个 部 分 分 别 进行 显示 样式 的 控制 ,定义 五 种 样式 并 详细 设置 相应 的 属 
性 ,以 达到 预期 的 设计 效果 。 


具体 操作 步骤 如 下 : 

CD 参见 图 4-22, 在 对 应 的 位 置 建立 如 程序 4-13 所 示 的 DIV 结构 。 
【程序 4-13】 建立 DIV 结构 

ẸJ Example Source Code: 

«DIV class-List» 

«DIV class-title» 

<DIV class-title left> 公 告 通知 < /DIV> 


<DIV class-title right» 当前 位 置 : 首页 &gt;&gt; 公 告 通知 < /DIV> 
<DIV class=clear>< /DIV>< /DIV> 
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器 公告 通知 当前 位 置 : 首页 > > 公告 通知 


退休 职工 马 振 山 举办 个 人 庭院 画展 
发 布 时 间 : 2007-03-11 被 阅览 数 : 1502 次 作者 : 按时 地 方 来 源 : 地 方 


导读 : 时 慑 弘 说 ， 谈 奥巴马 到 现在 为 止 已 经 表示 的 对 外 政策 主张 ， 我 觉得 地 同 共和 党 的 政治 钢 
俩 司 差别 非常 大 ， 妻 毅 恩 昌 然 最 终 要 搬 , 但 是 是 漫长 的 过 程 。 但 是 奥巴马 多 次 许诺 ， 好 要 迅速 捞 军 。 


在 谈 到 朝鲜 核 问题 时 ， 地 说 ， 相 信 奥 巴 马 一 定 会 尝试 用 美 刘 柏 林 会 谈 以 来 ， 比 布什 政府 更 大 的 外 交 努 
力 ， 就 是 通过 对 朝鲜 做 让 步 来 争取 半岛 局 势 的 改善 

时 般 弘 最 后 说 ， 美 国 的 权势 、 力 量 、 影 响 肯 定 在 亮 弱 ， 当 然 这 个 衰弱 到 底 有 多 大 ?3 至 少 最 保守 说 ,已 
经 发 生 了 。 但 是 奥巴马 上 台 肯 定 是 提供 了 一 个 可 能 性 ， 大 家 都 说 奥巴马 是 一 个 在 对 外 政治 上 是 一 个 世界 大 
部 分 国家 都 基本 满意 且 比较 喜欢 的 总 统 ， 我 想 不 一 定 。 


上 一 篇 文章 : 我 欲 称道 总 关 情 ( 创刊 30 周 年 征 … 下 一 篇 文章 ; 检测 3721 的 小 工具 


图 4-22 “新 闻 类 别 网 站 "内容 页 内 容 显示 模块 效果 图 


<DIV class= connect> 

<DIV id=Title> 退 休 职 工 马 振 山 举办 个 人 庭院 画展 < /DIV> 

<DIV class=Xin>< STRONG> 发 布 时 间 : < /STRONG» 2007-03-11 < STRONG> 被 阅览 数 : < /STRONG> 1502 次 
<STRONG> 作 者 : < /STRONG> 按 时 地 方 < STRONG> 来 源 : < /STRONG> 地 方 < /DIV> 

<DIV class=Dao> 

«p» « strong» Sf i : </strong> 时 殷 弘 说 , 谈 奥巴马 到 现在 为 止 已 经 表示 的 对 外 政策 主张 ,我 觉得 他 
同 共和 党 的 政治 纲领 间 差 别 非常 大 , 麦 凯 恩 虽 然 最 终 要 撤 , 但 会 是 漫长 的 过 程 。 奥 巴 马 多 次 许诺 ,他 
要 迅速 撤军 。< /p>< /DIV> 

<DIV class=Read> 

<P> 在 谈 到 朝鲜 核 问题 时 ,他 说 ,相信 奥巴马 一 定 会 尝试 用 美 朝 柏 林 会 谈 以 来 , 比 布什 政府 更 大 的 外 
交 努 力 , 就 是 通过 对 朝鲜 做 让 步 来 争取 半岛 局 势 的 改善 。< /P> 

<p> 时 殷 弘 最 后 说 ,美国 的 权势 力量 .影响 肯定 在 衰弱 ,当然 这 个 衰弱 到 底 有 多 大 ? 至少 最 保守 说 ， 
已 经 发 生 了 。 但 是 奥巴马 上 台 肯 定 是 提供 了 一 个 可 能 性 ,大 家 都 说 奥巴马 是 一 个 在 对 外 政治 上 是 一 
个 世界 大 部 分 国家 都 基本 满意 且 比 较 喜 欢 的 总 统 , 我 想 不 一 定 。</p></DIV> 

<DIV> 

<DIV class=Dao> 

<DIV class-connect left> 上 一 篇 文章 : «A title= 我 欲 称道 总 关 情 (创刊 30 周年 征文 ) 

href= "http://localhost: 8080/New/Content.jsp? ID= 1402"> 

我 欲 称 道 总 关 情 (创刊 30 周年 征 ...</a> < /DIV> 

<DIV class-connect right> 下 一 篇 文章 : «A title= 检 测 3721 的 小 工具 

href- "http://localhost: 8080/New/Content.jsp? ID- 1404"> 检 测 3721 的 小 工具 < /A>< /DIV> 

<DIV class=clear></DIV> 

</DIV> 

« /DIV» 

</DIV> 

</DIV> 


(2) 在 Style. css 样式 文件 中 添加 如 程序 4-14 所 示 的 CSS 结构 。 
【程序 4-14】 ”建立 相应 CSS 结构 

i33 Example Source Code: 

#Title ( 


font-size: l6px; 
font-weight: bold; 
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color: #990000; 
text-align: center; 
margin-bottom: 10px; 

) 

-Xin ( 
font-size: l2px; 
text-align: center; 
line-height: normal; 

} 

.Dao { 
border: lpx dashed #cccccc; 
margin: 20px; 
background-color: #efefef; 
text-align: left; 


.Read { 
text-align: left; 


.clear( 
clear: both; 


-connect right ( 
float: right; 
color: $990000; 


-connect left ( 
float: left; 
list-style-position: outside; 
list-style-image: url (Images/pic.gif); 
list-style-type: square; 

) 


(3) 预览 效果 。 
4.4.83 相关 知识 拓展 


1. 扩展 的 CSS 支持 


在 Dreamweaver MX 2004 中 ,CSS 功能 已 经 非常 强大 。 而 Dreamweaver CS3 在 CSS 
方面 支持 更 多 。Dreamweaver CS3 增强 了 复杂 样式 表 信 息 的 显示 :减少 了 必须 跳 转 到 网 页 
浏览 器 来 检查 代码 设计 的 次 数 。 

Dreamweaver CS3 有 几 个 可 视 化 设置 提供 了 非常 有 用 的 查看 方式 ,从 而 解决 了 查看 复 
杂 CSS 布局 这 一 难题 。CSS 面板 现 被 设计 为 一 个 统一 的 面板 ,将 Dreamweaver MX 2004 
中 的 众多 CSS 面板 集中 到 了 一 个 位 置 .这 样 CSS 面板 就 变 成 了 一 个 更 富有 可 用 性 的 控制 面 
板 。 使 用 CSS 面板 可 以 快速 确认 样式 ,编辑 样式 、 查 看 应 用 于 页 面 元 素 的 样式 (就 像 查 看 段 
落 .图 像 和 链接 一 样 ) 。 

Dreamweaver CS3 在 CSS 面板 中 加 入 了 一 个 摘要 视图 ,用 于 快速 确认 应 用 于 当前 选 定 
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元 素 的 CSS 属性 。 

执行 [窗口 IKCSS 样式 命令 .可 以 打开 【CSS 样式] 面板 , 单 击 【添加 属性 图 标 ,出 现 
一 个 空白 文本 框 ,在 该 框 的 右边 单 击 向 下 箭头 .在 弹出 的 下 拉 列 表 中 可 以 选择 要 设置 的 新 样 
式 属性 ,比如 选中 color, 就 会 在 属性 列 中 添加 一 个 color 属性 行 ,然后 在 该 属性 行 后 面 的 颜 
色 选 择 器 中 选择 一 种 颜色 就 可 以 了 ,如 图 4-23 所 示 。 这 比 起 以 前 要 反复 修改 网 页 代码 要 方 
便 很 多 。 


background-color $ #FF0000 background-color $ #FF0000 background-color $ #FF0000 
y "宋体 ” “宋体 ” "宋体 ” 


font-fani 


单 击 此 处 可 以 
添加 新 属性 


font-family font-family 
font-size 4 14px 
font-weight ~ bold 
oration underline derline 
lor Ir. 


也 可 以 直接 


在 这 里 输入 部 
添加 的 属性 人 


E font 
3e Ane] font-style 1 e23 eno 


图 4-23 添加 CSS 属性 


单 击 【CSS 样式 面板 中 的 【正在 3 按钮 .可 以 显示 当前 所 选中 内 容 的 CSS 摘要 ,而 与 所 
选 内 容 无 关 的 CSS 会 以 删除 线 的 形式 出 现 。 这 个 功能 对 快速 确认 应 用 于 当前 选 定 元 素 的 
CSS 属性 很 有 帮助 ,在 列表 中 可 以 方便 地 查看 哪 种 样式 中 的 哪 种 属性 被 应 用 到 当前 选中 的 
元 素 中 ,如 图 4-24 所 示 。 


Css 样式 最 局 

全 部 | 正在 | 

所 选 内 容 的 摘要 

font-family 

font-size 

font-weight 

text-decoration underline 
#CCFFOO 


DIE 


与 所 选 内 容 无 关 的 
属性 会 加 上 删除 线 


text-decoration underline 
background 

background-at.. 
backzround-imaze 


ESTEE 


图 4-24 [CSS 样式 了 面板 
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2. 其 他 新 功能 


(1) Dreamweaver CS3 中 增加 了 一 个 代码 折 秋 的 新 功能 ,这 个 功能 为 编码 人 员 提 供 了 
方便 。HTML 代码 有 时 长 得 可 以 翻 好 几 页 ,如 果 程 序 员 在 编写 一 段 代 码 时 想 查看 另 一 段 代 
码 ,就 得 用 滚动 条 翻 来 翻 去 ,终于 找到 了 这 有 段 代 码 , 然 后 又 得 用 滚动 条 翻 回 去 ,除非 在 开始 查 
找 时 ,事先 定义 一 个 特殊 的 标记 以 便 返 回 原 处 。Dreamweaver CS3 现在 解决 了 这 一 问题 ， 
相关 的 代码 段 可 以 通过 单 击 代码 窗口 左边 【代码 工具 栏 的 图 标 按钮 来 展开 和 关闭 。 例 如 在 
【代码 了 视图 中 选中 其 中 一 个 生 table> 与 一 /table> 之 间 的 编码 ,如 图 4-25 所 示 ,然后 单 击 显 
示 的 减 号 ,就 可 将 选中 的 代码 折 释 ,如 图 4-26 所 示 。 


Ø E:\FZ\HZ\NOBAN. html (XHTEL) 


src-'images/HI T.gif^ width="84" height= 
src-'images/HI 8.gif^ width="85" height= 
src-'images/HZ 9.gif^ width="71" height= 


srcz'images/HZ 10.gif" width="33" height= 


d><img src-'images/HZ 12.gif" width-"233" height= 
td 


kk PRAD 


56" valign="top" nbsp: /td 
—'images/HZ ld.gif" width="33" height= 
vi 


fed 


加 


src-'images/HI T.gif^ width-"84" height= 
src-'images/HI 8.gif" width-"85" height= 


src=" images/HZ_9. gif" width-"T1" height= 


*t ut et 


src-'images/HZ 10.gif" vidth-^33" height= 


£ 


border="0" align="center” cellpadding 
o” 


EE 


—"images/HZ 12.gif" width-"233" height= 


="456" valign-"top'^&nbsp:/td 
src-'images/HZ 1d.gif^ width-"33" height= 


order-"0" align="center" cellpadding 


wkk PRAD 


src-'images/HI 15.gif^ width="722" height= 


1K7 1 秒 


图 4-26 展开 代码 
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(2) Dreamweaver CS3 的 其 他 新 功能 还 包括 文件 传输 功能 .支持 XML/XSLT .工作 空 
间 布 局 和 文件 比较 等 。 
。 文件 传输 功能 : 在 使 用 Dreamweaver CS3 以 前 的 版 本 向 服务 器 传送 文件 时 ,不 能 在 
Dreamweaver 中 进行 其 他 的 工作 。 新 版 的 Dreamweaver 允许 在 传输 文件 的 同时 进 
行 其 他 工作 ,这 样 可 以 大 大 提高 工作 效率 。 

”支持 XMLVXSLT: 新 的 XML/XSLT 创建 功能 简化 了 用 于 Web 浏览 的 XML 文件 
的 格式 化 过 程 。 可 以 创建 XSLT 文件 ,并 完全 使 用 CSS 格式 ,将 其 转换 成 难以 理解 
的 XML 文件 ,附加 到 本 地 文件 中 ,也 可 以 附加 到 互联 网 上 的 远 端 文件 中 。 

。 工 作 空 间 布局 : 可 以 定制 和 保存 工作 空间 配置 。Dreamweaver CS3 附带 4 种 不 同 
的 配置 以 满足 设计 者 和 编码 人 员 的 需求 。 可 以 保存 和 恢复 不 同 的 面板 设置 ,以 便 为 
不 同 的 活动 自 定义 工作 区 。 当 保存 工作 区 布局 时 ,Dreamweaver 会 记 住 指定 布局 中 
的 面板 以 及 其 他 属性 ,例如 面板 的 位 置 和 大 小 、 面 板 的 展开 或 折 倒 状态 以 及 应 用 程 
序 窗口 的 位 置 和 大 小 等 。 

* 文件 比较 : Dreamweaver CS3 可 以 使 用 文件 比较 工具 (也 称 为 “diff 工具 ”) ,比较 同 
一 文件 的 本 地 和 远程 版 本 的 代码 、 两 个 不 同 的 远 端 文件 的 代码 、 两 个 不 同 的 本 地 文 
件 的 代码 。 如 果 在 本 地 处 理 过 某 个 文件 并 怀疑 该 文件 在 服务 器 上 的 副本 已 被 他 人 
算 改 时 ,比较 本 地 和 远程 版 本 的 操作 就 十 分 有 用 。 可 以 在 将 文件 上 传 到 服务 器 之 前 
查看 远程 更 改 并 将 这 些 更 改 合并 到 本 地 版 本 中 .而 无 须 离 开 Dreamweaver, 

* 当然 ,Dreamweaver 还 有 另外 其 他 的 新 增 功能 和 改进 ,在 后 面 的 内 容 中 ,会 结合 要 讲 
述 的 相关 内 容 逐 一 向 读者 介绍 。 


4.4.4 经 验 总 结 


在 传统 的 表格 布局 中 ,可 以 对 表格 应 用 对 齐 方式 实现 网 页 布局 。 而 应 用 Web 标准 构建 
网 页 后 ,float( 浮 动 ) 属 性 也 成 了 布局 中 非常 重要 的 属性 .通过 对 DIV 元 素 应 用 float 属性 进 
行 布局 ,不 但 可 以 实现 对 整个 版 式 的 规划 .还 可 以 对 一 些 基本 元 素 如 导航 等 进行 排列 。 

float 属性 的 值 指出 了 对 象 是 否 浮动 及 如 何 浮 动 。 当 该 属性 不 等 于 none 值 时 ,引起 对 
象 浮动 ,此 时 对 象 将 被 视 做 块 对 象 (block-level) . 即 该 对 象 的 display 属性 等 于 block。 也 就 
是 说 ,浮动 对 象 的 display 特性 将 被 忽略 。 

float 属性 的 取 值 有 : none 表示 对 象 不 浮动 ;left 表示 对 象 浮 在 左边 ;right 表示 对 象 浮 
在 右边 。 


4.5 X 训 


利用 Adobe Dreamweaver CS3 完成 “新 闻 类 别 网 站 ”框架 页 面 的 制作 ,并 制作 网 站 首 
页 ,列表 页 和 内 容 页 等 主要 页 面 。 
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“ 工 欲 善 其 事 , 必 先 利 其 器 ”, 要 进行 项 目的 开发 ,选择 一 个 合适 的 开发 环境 及 工具 是 一 
个 项 目 成 功 的 前 提 。“ 新 闻 类 别 网 站 ”采用 Adobe 公司 的 Dreamweaver CS3 作为 前 台 页 面 
的 制作 工具 ,采用 免费 的 Tomcat 作为 应 用 服务 器 ,同样 是 免费 而 且 开源 的 Eclipse 作为 开 
发 工具 ,数据 库 选 用 微软 公司 的 SQL Server 2005。 本 章 着 重 讲解 这 些 软件 的 安装 .配置 和 
整个 环境 的 协调 配置 。 


5.1 安装 JDK 


PEELE 

JSP 技术 目前 唯一 支持 的 脚本 语言 为 Java 语言 ,在 JSP 页 面 运行 时 ,需要 有 相应 的 编 
译 器 编译 和 解释 器 来 执行 这 些 Java 代码 。 执 行 Java 代码 ,需要 下 载 和 安装 Java 的 JDK 开 
发 工具 包 。JDK (Java Development Kit. Java 7F X &. Java 开发 工具 ) 是 一 个 编写 Java 
Applet 和 Java 应 用 程序 的 软件 开发 环境 , 它 由 一 个 处 于 操作 系统 层 之 上 的 运行 环境 以 及 开 
发 者 编译 .调试 和 运行 用 Java 语言 编写 的 Applet 和 应 用 程序 所 需 的 工具 组 成 。 在 计算 机 
上 ,安装 了 JDK 开发 工具 包 就 可 以 编译 和 运行 Java 代码 了 。JDK 是 Sun Microsystems Z- 
司 针对 Java 开发 人 员 而 开发 的 产品 。 自 从 Java 推出 以 来 ,JDK 已 经 成 为 使 用 最 广泛 的 
Java SDK(Software Development Kit) 。 


5.1.1 任务 描述 
构建 < 新闻 类 别 网 站 ”的 开发 环境 任务 之 一 : 安装 Java Development Kit( 简 称 JDK). 
要 运行 Java 程序 ,就 必须 安装 JDK ,JDK 是 整个 Java 的 核心 ,其 中 包括 Java 编译 器 、JVM 


(Java Virtual Machine) 大量 的 Java 工具 以 及 Java 基础 API。 读 者 可 以 从 http://Java. 
sun. com 下 载 JDK 。 


5.1.2 任务 实现 


具体 操作 步骤 如 下 : 
(1) 登录 Sun 公司 的 官方 站 点 http://java. sun. com, 下 载 JDK 1. 6. 0. 05 Windows 
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版 : jdk-6u5-windows-i586-p. exe, 将 其 保存 在 本 地 机 合适 的 路 径 下 。 
(2) 双击 jdk-6u5-windows-i586-p. exe, 启 动 JOK 安装 向 导 , 如 图 5-1 Brz , 稍 等 一 会 儿 
将 进入 下 一 界面 。 


iS Java(IN) SE Development Kit 6 Update 5 


欢迎 使 用 Jav. SE Development Kit 6 
Update 5 安装 | 3 


Java(TM) SE Development Kit 6 Update 5 安装 程序 正在 准备 
RU JUEHSHSISUCERAUS SUE NÉ, EI 


Java 


Q Sun 


Æ 5-1 JDK 1.6.0 05 安装 向 导 


(3) 出 现 如 图 5-2 所 示 的 安装 许可 证 协议 , 单 击 [接受 了 按钮 。 


许可 证 协议 
请 仔细 阅读 下 面 的 许可 证 协议 。 


Sun Microsystems, Inc. Binary Code License Agreement 
for the JAVA SE DEVELOPMENT KIT (JDK), VERSION 6 


SUN MICROSYSTEMS, INC. ("SUN") IS WILLING TO LICENSE THE 
soFTWARE IDENTIFIED BELOW TO YOU ONLY UPON THE CONDITION 
ITHAT YOU ACCEPT ALL OF THE TERMS CONTAINED IN THIS 
BINARY CODE LICENSE AGREEMENT AND SUPPLEMENTAL LICENSE 
|TERMS (COLLECTIVELY "AGREEMENT"). PLEASE READ THE 
AGREEMENT CAREFULLY. BY DOWNLOADING OR INSTALLING THIS 


图 5-2 安装 协议 


(D 在 【 自 定义 安装 界面 选择 要 安装 的 功能 ,如 图 5-3 所 示 。 可 按 默认 设置 将 JDK 安 
装 至 C; \Program Files\Java\jdk1. 6. 0_05 路 径 下 ,也 可 单 击 【 更 改 】 按 钮 重 设 安装 目录 。 
设置 好 后 单 击 【 下 一 步 3 按 钮 .开始 安装 JDK 1. 6.0_05, 屏 幕 将 显示 JDK 的 安装 进度 界面 ， 
安装 过 程 可 能 需要 持续 几 分 钟 时 间 ,请 读者 耐心 等 待 。 

(5) JDK 安装 完成 后 .接着 安装 JRE1. 6. 0_.05 ,与 安装 JDK 类 似 ,可 以 选择 要 安装 的 
JRE 功能 ,修改 JRE 的 安装 路 径 , 如 图 5-4 所 示 。 单 击 【 下 一 步 ] 按 钮 出 现 JRE 安装 进度 , 安 


装 可 能 会 花费 几 分 钟 ,请 读者 耐心 等 待 。 


(6) 安装 后 将 出 现 如 图 5-5 所 示 的 完成 界面 ,请 读者 注意 自己 的 安装 过 程 是 否 有 误 。 
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安装 到 : 
C:\Program Files Javaljdk1.6.0, 051 


图 5-3 选择 JDK 安装 方式 并 设 定安 装 目录 


iP Java 安装 — 自 定义 
自 定义 安装 
选择 要 安装 的 程序 功能 。 


将 安装 支持 欧洲 否 言 的 Java(TM) SE Runtime Environment。 请 从 下 面 的 列表 中 选择 要 安装 的 可 


选 功能 
功能 说 明 
支持 欧洲 语言 的 Java(TM) 5E 
Runtime Environments 
硬盘 驱动 器 上 具有 143 MB。 
&- | 其 他 字体 和 媒体 支持 


安装 到 : 
C:\Program Fles Javaljre1.6.0, 05l 


图 5-4 选择 JRE 安装 方式 并 设 定安 装 目录 


Java(TM) SE t Kit 6 ite 5 
3eva(Ih) Sc Developmen Update 


产品 注册 是 免费 的 ， 您 将 获得 加 下 增值 服务 : 
补 程序 务 


* 获得 对 重 期 版 本 和 文档 的 访问 权限 


JOK 的 Sun 产品 注册 表单 格 在 您 
单 击 完 成 "后 显示 


Java 


有 关注 册 所 收集 的 数据 以 及 这 些 数据 的 
管理 和 使 用 方式 的 更 多 信息 ， 
请 参见 产品 注册 信息 "页 面 。 


E2077] Ca |] 


图 5-5 JDK 安装 完成 
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(7) 选择 桌面 左下 角 的 【开始 了 民运 行 】 命 令 , 输 入 cmd, 调 出 DOS 命令 符 操作 界面 ,在 
光标 处 输入 : java, 显 示 如 图 5-6 所 示 的 内 容 . 表 示 JDK 安装 成 功 。 


图 5-6 JDK 测试 


5.1.3 相关 知识 拓展 


1. JVM 


JVM (Java Virtual Machine) Bl Java 虚拟 机 , 它 是 一 个 虚构 出 来 的 计算 机 ,是 可 运行 
Java 代码 的 假想 计算 机 , 它 通过 在 实际 的 计算 机 上 仿真 模拟 各 种 计算 机 功能 来 实现 ,只 要 
根据 JVM 规格 描述 将 解释 器 移植 到 特定 的 计算 机 上 ,就 能 保证 经 过 编译 的 任何 Java 代码 
能 够 在 该 系统 上 运行 。Java 虚拟 机 有 完善 的 硬件 架构 ,如 处 理 器 .堆栈 .寄存 器 等 ,还 具有 
相应 的 指令 系统 。JVM 屏蔽 了 与 具体 操作 系统 平台 相关 的 信息 ,使 得 Java 程序 只 需 生成 
到 Java 虚拟 机 上 运行 的 目标 代码 ( 字 节 码 ) ,就 可 以 在 多 种 平台 上 不 加 修改 地 运行 。Java 虚 
拟 机 在 执行 字 节 码 时 ,实际 上 还 是 把 字 节 码 解释 成 具体 平台 上 的 机 器 指令 执行 。JVM 体系 
结构 如 图 5-7 所 示 。 


2. JRE 


JRE(Java Runtime Environment) Hl Java 运行 环境 ,运行 Java 程序 所 必需 的 环境 集合 ， 
包含 JVM 标准 实现 及 Java 核心 类 库 。 

JRE 包括 Java Runtime Environment 和 Java Plug-in JavaRuntime Environment(JRE) ,是 运 
行 ,测试 和 传输 应 用 程序 的 Java 平台 。 它 包括 Java 虚拟 机 Java 平台 核心 类 和 支持 文件 ,不 包 
含 开发 工具 (编译 器 ,调试 器 和 其 他 工具 )。JRE 需要 辅助 软件 一 一 JavaPlug-in, 以 便 在 浏览 器 
中 运行 Applet。 
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Java 编 译 环境 Java 平 台 运行 期 环境 


类 装载 器 
java 文件 ) 字 节 码 的 验证 
Java 编 译 器 mE e laid 


运行 期 系统 
Java 字 节 码 
(class 文 件 ) 


JavaPlug-in 软件 允许 JavaApplet 和 JavaBeans 组 件 在 使 用 Sun 的 Java Runtime 
Environment(JRE) 的 浏览 器 中 运行 ,而 不 是 在 使 用 默认 的 Java 运行 环境 的 浏览 器 中 运行 。 
JavaPlug-in 可 用 于 NetscapeNavigator 和 Microsoft Internet Explorer。 


SgigiEgeae[ 


操作 系统 


图 5-7 JVM 体系 结构 


3. JDK 


JDK (Java Development Kit) 是 Sun Microsystems 针对 Java 开发 的 产品 。 自 从 Java Hë 
出 以 来 ,JDK 已 经 成 为 使 用 最 广泛 的 Java SDK(Software Development Kit). 

JDK 是 整个 Java 的 核心 ,包括 了 Java 运行 环境 (Java Runtime Environment .Java T. 
具 和 Java 基础 的 类 库 (rt. jar), WA Java 应 用 服务 器 ,实质 都 是 内 置 了 某 个 版 本 的 
JDK ,因此 掌握 JDK 是 学 好 Java 的 第 一 步 。 最 主流 的 JDK 是 Sun 公司 发 布 的 JDK ,除了 
Sun 之 外 ,还 有 很 多 公司 和 组 织 都 开发 了 自己 的 JDK ,例如 IBM 公司 开发 的 JDK ,BEA 公 
司 的 Jrocket, 还 有 GNU 组织 开发 的 JDK 等 。 其 中 IBM KY JDK 包含 的 JVM(Java Virtual 
Machine) 运 行 效率 要 比 Sun JDK 包含 的 JVM 高 出 许多 。 而 专门 运行 在 X86 平台 的 
Jrocket 在 服务 端 运 行 效率 也 要 比 Sun JDK 好 很 多 。 

从 SUN 的 JDK5.0 开始, 提供 了 泛 型 等 非常 实用 的 功能 ,其 版 本 信息 也 不 再 延续 以 前 
的 1.2、1.3、1.4, 而 是 变 成 了 5.0、6.0 T. EHM 6.0 开始 ,其 运行 效率 得 到 了 非常 大 的 提 
高 ,尤其 是 在 桌面 应 用 方面 。 

JDK 是 Java 开发 工具 包 , 基 本 上 每 个 学 Java 的 人 都 会 先 在 机 器 上 装 一 个 JDK, JDK 
的 安装 目录 下 有 6 个 文件 夹 ,一 个 src 类 库 源码 压缩 包 、 其 他 几 个 声明 文件 。 其 中 ,真正 在 
运行 Java 时 起 作用 的 是 以 下 4 个 文件 夹 : bin ,include \lib .jjre。 可 以 看 出 这 样 一 个 关系 ， 
JDK 包含 JRE, 而 JRE 包含 JVM。 

bin 文件 夹 下 最 主要 的 是 编译 器 (javac. exe) include 文件 夹 下 是 Java 和 JVM 交互 用 
的 头 文件 ,lib 文件 夹 下 是 Java 类 库 ,jre 文件 夹 下 是 Java 运行 环境 。 
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B E 
这 里 的 bin lib 3X fF X fe jre 里 的 bin lib 是 不 同 的 。 总 的 来 说 ,JDK 是 用 于 Java 程 
序 的 开发 ,而 jre 文 件 夹 下 的 内 容 只 能 运行 class 文件 ,而 没有 编译 的 功能 。 


要 运行 Java 程序 ,必须 安装 JDK,JDK 是 整个 Java 的 核心 ,其 中 包括 Java 编译 器 、 
JVM, KEH Java 工具 以 及 E 的 基础 API, 可 以 从 http://Java. sun. com 中 下 载 JDK. 
JDK 包含 的 几 个 重要 的 命令 

。 Java 执行 工具 ， 是 启动 JvMdava 虚拟 机 ) 并 执行 class(BYTE CODE, , 字 节 码 ) 文 件 
的 命令 。 
。 Javac 编译 器 ,由 . java 文件 生成 . class 文件 。 

* Jar Java 压缩 打包 工具 。 

* Javadoc 文档 生成 器 。 


5.1.4 经 验 总 结 


本 节 讲 述 的 是 采用 安装 程序 直接 安装 JDK ,不 需要 进行 设置 。 而 实际 安装 中 还 有 一 种 
情况 ,就 是 直接 将 程序 找 入 或 解压 到 指定 位 置 , 然 后 进行 相应 的 设置 。 

j2sdk 可 以 安装 在 C:\ 根 目录 下 ,当然 JDK 的 安装 路 径 可 以 选择 任意 磁盘 目录 ,不 过 建 
议 存 放 用 的 目录 层次 设置 得 浅 一 点 ,如 果 目 录 层 次 很 深 ,下 面 的 环境 变量 的 配置 就 要 麻烦 很 
E. JDK 环境 变量 的 具体 设置 如 下 。 


1. 添加 JAVA_HOME 环境 变量 


右 击 【 我 的 电脑 了 ,从 弹出 的 菜单 中 选择 [属性 了 民 高 级 】 民 环境 变量 了 代 新 建 ] 选 项 ,在 变 
量 名 中 输入 JAVA_HOME ,在 变量 值 中 输入 值 (此 处 假定 JDK 安装 在 C: dk 目录 下 ): 

C: V jdk 

该 变量 值 就 是 JDK 的 安装 目录 ,一些 Java 版 的 软件 和 Java 的 工具 需要 用 到 该 变量 , 设 
置 path 和 classpath 的 时 候 , 也 可 以 使 用 该 变量 以 方便 设置 。 

2. 添加 path 环境 变量 


按 同 样 的 方法 新 建 环境 变量 path, 在 变量 值 中 输入 值 : 
&JAVA HOMES \bin;% JAVA HOMES VjreWoin; 


其 中 ,%JAVA_HOME% 是 JDK 的 安装 路 径 。path 变量 用 于 指定 一 个 路 径 列 表 , 搜 索 
可 执行 文件 。 执 行 一 个 可 执行 文件 时 ,如 果 该 文件 不 能 在 当前 路 径 下 找到 , 则 依次 寻找 
path 中 的 每 一 个 路 径 , 直 至 找到 ,如 果 找 完 path 中 的 路 径 也 不 能 找到 则 报错 。Java 的 编译 
命令 (javac) ,执行 命令 (java) 和 一 些 工具 命令 (javadoc.jdb 等 ) 都 在 其 安装 路 径 下 的 bin H 
录 中 ,因此 应 该 将 该 路 径 添加 到 path 变量 中 。 
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3. classpath 环境 变量 添加 
按 同 样 方法 新 建 环境 变量 classpath, 在 变量 值 中 输入 值 : 
-;$ JAVA HOMES \lib\dt.jar;% JAVA HOMES \lib\tools.jar; 


特别 要 注意 最 前 面 的 是 “. ;”, 这 个 是 告诉 JDK ,搜索 class 时 先 查找 当前 目录 的 class 
文件 ,classpath 环境 变量 是 引入 类 库 ,指定 一 个 路 径 列表 ,用 于 搜索 Java 编译 或 者 运行 时 需 
要 用 到 的 类 。 在 classpath 列表 中 除了 可 以 包含 路 径 外 ,还 可 以 包含 . jar 文件 。Java 查找 类 
时 会 把 这 个 . jar 文件 当做 一 个 目录 来 进行 查找 。 有 时 也 需要 把 JDK 安装 路 径 下 的 jre\lib\ 
rt, jar( Linux: jre/lib/rt. jar) 包 含 在 classpath 中 。 


5.2 Z% MÆ Tomcat 


$ 知识 储备 

自从 JSP 发 布 以 后 ,就 出 现 了 各 式 各 样 的 JSP 服务 器 ,本 教材 选择 了 Tomcat. JF E. h 
于 Windows 操作 系统 被 广泛 使 用 及 其 用 户 界 面 较 友 好 ,操作 方便 的 特点 , 故 选择 在 
Windows 版 本 下 运行 的 Tomcat 版 本 。Tomcat 是 一 种 简单 的 JSP 服务 器 ,可 从 http:// 
tomcat. apache. org/ 中 免费 下 载 。 

Tomcat 也 是 一 个 免费 的 开源 Servlet 容器 , 它 是 Apache 基金 会 的 Jakarta 项 目 中 的 一 
个 核心 项 目 , 由 Apache、Sun 和 其 他 一 些 公司 及 个 人 共同 开发 而 成 。 由 于 有 了 Sun 的 参与 
和 支持 ,最 新 的 Servlet 和 JSP 规范 总 能 在 Tomcat 中 得 到 体现 。Tomcat X 35 4 wH Java 编 
写 的 ,其 Win32 版 本 与 Linux 版 本 的 安装 没有 多 大 的 区 别 。 所 以 虽然 下 面 以 Tomcat 的 
Win32 版 本 在 Windows XP 中 的 安装 为 例 说 明 其 安装 过 程 , 但 对 于 Tomcat 的 Linux 版 本 
的 安装 亦 具 有 指导 意义 。 


5.2.1 任务 描述 

构建 “新 闻 类 别 网 站 ”的 开发 环境 之 二 : 安装 Tomcat. 
5.2.2 任务 实现 

具体 操作 步骤 如 下 : 


(D FA Tomcat 的 安装 程序 apache-tomcat-6. 0. 18. exe 后 ,双击 启动 该 安装 程序 ,出 
现 如 图 5-8 所 示 的 Tomcat 安装 向 导 界 面 ,在 该 界面 上 单 击 【Next】 按 钮 。 


B E 
在 安装 Tomcat 之 前 ,首先 要 安装 JDK 。 
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Él &pache Tomcat Setup 


Welcome to the Apache Tomcat 
Setup Wizard 


This wizard will guide you through the installation of Apache 
Tomcat. 


It is recommended that you close all other applications 
before starting Setup. This will make it possible to update 
relevant system files without having to reboot your 
computer. 


Click Next to continue. 
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© http://tomcat.apache.org 


图 5-8 进入 Tomcat 安装 向 导 


(2) 出 现 如 图 5-9 所 示 的 Tomcat 安装 协议 界面 , 单 
协议 。 


El Apache Tomcat Setup 


License Agreement 
Please review the license terms before installing Apache Tomcat. 


Press Page Down to see the rest of the agreement. 
Apache License. 
Version 2.0, January 2004 
http://www. apache.org/licensesf 
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 
1. Definitions. 
"License" shall mean the terms and conditions for use, reproduction, 


and distribution as defined by Sections 1 through 9 of this document. 
ba 


If you accept the terms of the agreement, click I Agree to continue. You must accept the 
agreement to install Apache Tomcat. 


lAgree [ Cancel 


图 5-9 安装 协议 


【I Agree] 按 钮 ,表示 同意 安装 


(3) 出 现 如 图 5-10 所 示 的 选择 安装 方式 界面 ,选择 要 安装 的 功能 ,也 可 以 采用 Tomcat 


E 


的 默认 安装 ,然后 单 击 【Next] 按 钮 。 
(4) 出 现 如 图 5-11 所 示 的 设置 安装 路 径 界 面 , 可 以 采用 默认 的 安装 路 径 , 也 可 以 单 
【Browse】 按 钮 修改 为 其 他 路 径 , 然 后 单 击 【Next] 按 钮 。 


Er 
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E åpache Tomcat Setup 


Choose Components 
Choose which features of Apache Tomcat you want to install. 


Check the components you want to install and uncheck the components you don't want to 
install. Click Next to continue. 


Select the type of install: i 


Or, select the optional E: Tomcat 
Euge you wish to [V] Start Menu Items 
install: 


Description 


| Documentation 
Examples 


Space required: 9.0MB 


图 5-10 选择 安装 方式 


El Apache Tomcat Setup 


Choose Install Location 
Choose the folder in which to install Apache Tomcat. 


Setup will install Apache Tomcat in the Following folder. To install in a different Folder, click 
Browse and select another folder. Click Next to continue, 


Destination Folder 


C:\Program Files e FoundationlTomcat 6.0 Browse... 


Space required: 9.0MB 
Space available: 5.3GB 


图 5-11 选择 安装 路 径 


(5) 出 现 如 图 5-12 所 示 的 界面 ,此 界面 用 于 对 Tomcat 进行 基本 配置 ,包括 设置 
Tomcat 使 用 的 HTTP 端口 号 以 及 Web 管理 界面 的 用 户 名 和 密码 。 注 意 HTTP 连接 端口 
号 ,该 端口 号 是 客户 连接 到 Tomcat 时 所 使 用 的 端口 .应 确保 该 端口 未 被 其 他 程序 占用 。 设 
置 完 成 后 单 击 【[Next] 按 钮 。 

(6) 出 现 如 图 5-13 所 示 的 界面 ,此 界面 用 于 选择 Java 虚拟 机 。 安 装 程序 会 自动 搜索 安 


装 JDK 时 安装 的 Java 虚拟 路 径 , 如 果 没 有 正确 显示 ,可 以 手工 修改 。 设置 完成 后 单 击 
【Install] 按 钮 ,开始 安装 Tomcat. 
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Él Apache Tomcat Setup: Configuration Options 


Configuration 
Tomcat basic configuration. 


HTTP/1.1 Connector Port 


Administrator Login 


User Name 


Password 


Nullsoft Insta 


« Back [ Next > ] Cancel 


图 5-12 配置 Tomcat 


Java Virtual Machine 
Java Virtual Machine path selection. 


Please select the path of a J2SE 5.0 JRE installed on your system: 


Nullsoft Install System v2.37. 


<Back Cancel 


图 5-13 选择 Java 虚拟 机 的 安装 路 径 


(7) 成 功 安装 后 ,程序 会 提示 启动 Tomcat 并 查看 readme 文档 ,如 图 5-14 所 示 。 
Tomcat 正常 启动 后 会 在 系统 托盘 区 加 载 蕊 图 标 。 右 击 该 图 标 , 可 弹出 一 个 快捷 菜单 ,其 
tP Stop Service】 菜 单项 用 于 停止 Tomcat 服务 ,【Start Service】 菜 单项 用 于 启动 Tomcat 
服务 。 

(8) 至 此 ,安装 Tomcat 的 任务 已 经 完成 ,请 读者 打开 浏览 器 ,在 地 址 栏 输入 http:// 
localhost:8080, 可 以 看 到 如 图 5-15 所 示 的 Tomcat 的 相关 信息 。 


(103); 
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Ell Apache Tomcat Setup 


Completing the Apache Tomcat 
Setup Wizard 


Apache Tomcat has been installed on your computer. 


Click Finish to close this wizard. 


tomcat.apache.org 


Run Apache Tomcat: 


Show Readme 
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图 5-14 Tomcat 安装 完成 


F Apache Tomcat - Microsoft Internet Explorer 
O REO FEV KEA IAW 帮助 0D 


EE - -i | (5 Orr rrer B 
O j ví k 
4) http: //Localhost:8080/ 


Apache 


Tomcas The Apache Software Foundation 
http://www.apache.org/ 


If you're seeing this page via a web browser, it means you've setup 
Tomcat successfully. Congratulations! 


As you may have guessed by now, this is the default Tomcat home page. It 
can be found on the local filesystem at 


SCATALINA HOME/webapps/ROOT/index.html 


where "SCATALINA HOME" is the root of the Tomcat installation directory. 
If you're seeing this page, and you don't think you should be, then you're 
either a user who has arrived at new installation of Tomcat, or you're an 
administrator who hasn't got his/her setup quite right. Providing the latter is 
the case, please refer to the Tomcat Documentation for more detailed 
setup and administration information than is found in the INSTALL file 


NOTE: For security reasons, using the administration webapp is 
EAG restricted to users with role "admin". The manager webapp is 
Bug Database restricted to users with role "manager". Users are defined in 
|Open Bugs $CATALINA HOME/conf/tomcat-users.xml 


Bl X ZH Intranet 


图 5-15 Tomcat 管理 页 面 
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5.2.3 相关 知识 拓展 


1. Tomcat 简介 


Tomcat 服务 器 是 免费 开放 源 代码 的 Web 应 用 服务 器 。Tomcat 是 Apache 软件 基金 
会 (Apache Software Foundation) 的 Jakarta 项 目 中 的 一 个 核心 项 目 , 由 Apache, Sun 和 其 
他 一 些 公司 及 个 人 共同 开发 而 成 。 由 于 有 了 Sun 的 参与 和 支持 ,最 新 的 Servlet 和 JSP H 
范 总 是 能 在 Tomcat 中 得 到 体现 ,Tomcat 5 支持 最 新 的 Servlet 2.4 和 JSP 2.0 规范 。 因 为 
Tomcat 技术 先进 .性 能 稳定 ,而 且 免费 ,因而 深 受 Java 爱好 者 的 喜爱 并 得 到 了 部 分 软件 开 
发 商 的 认可 ,成 为 目前 比较 流行 的 Web 应 用 服务 器 。 

Tomcat 运行 时 占用 的 系统 资源 小 .扩展 性 好 、 支 持 负载 平衡 与 邮件 服务 等 开发 应 用 系 
统 常 用 的 功能 ,而 且 它 还 在 不 断 的 改进 和 完善 中 ,任何 一 个 感 兴趣 的 程序 员 都 可 以 更 改 它 或 
在 其 中 加 入 新 的 功能 。 

Tomcat 是 一 个 小 型 的 轻 量 级 应 用 服务 器 ,在 中 小 型 系统 和 并 发 访问 以 及 访问 者 不 是 
很 多 的 场合 下 被 普遍 使 用 .是 开发 和 调试 JSP 程序 的 首选 。 若 一 台 机 器 上 配置 好 了 Apache 
服务 器 , 则 可 利用 该 机 器 响应 对 HTML 页 面 的 访问 请 求 。 实 际 上 Tomcat 是 Apache 服务 
器 的 扩展 ,但 Tomcat 是 独立 运行 的 ,所 以 运行 Tomcat 时 , 它 实 际 上 是 作为 一 个 与 Apache 
独立 的 进程 单独 运行 的 。 

当 配 置 正确 时 , Apache 为 HTML 页 面 服务 ,而 Tomcat 实际 上 运行 JSP 页 面 和 
Servlet。 另 外 ,Tomcat ffl IIS, Apache 等 Web 服务 器 一 样 ,具有 处 理 HTML 页 面 的 功能 ， 
另外 它 还 是 一 个 Servlet 和 ISP 容器 ,独立 的 Servlet 容器 是 Tomcat 的 默认 模式 。 不 过 ， 
Tomcat 处 理 静 态 HTML 的 能 力 不 如 Apache 服务 器 。 


2. Tomcat 的 配置 


Tomcat 提供 了 一 系列 的 配置 文件 ,可 以 配置 自己 需要 的 Tomcat 环境 。Tomcat 的 配 
置 文件 主要 是 基于 XML 的 ,如 server. xml、web. xml 等 ,只 有 workers. properties 和 
uriworkermap. properties 等 几 个 少数 文件 是 传统 的 配置 文件 。 下 面 详 细 讨论 Tomcat 的 
主要 配置 文件 。 

(D). Tomcat 的 主 配置 文件 server. xml 

server. xml 文件 描述 了 Tomcat 的 基本 配置 信息 。server. xml 文件 的 各 个 元 素 及 其 属 
性 的 意义 如 表 5-1 所 示 。 


表 5-1 server. xml 的 元 素 


x X 名 mon 说 明 
Server (该 元 素 是 port 指定 一 个 端口 ,这 个 端口 负责 监听 关闭 Tomcat 的 
port 
server. xml 文件 最 高 级 别 请 求 
的 元 素 , 它 描述 了 一 个 
Toscm MG | shutdown shutdown 指定 向 端口 发 送 的 命令 字符 串 
Service name 指定 Service 的 名 字 
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续 表 
元 素 名 属 性 Bo" 
指定 服务 器 端 要 创建 的 端口 号 ,并 在 这 个 端口 监听 来 
por 自 客户 端的 请 求 
minThreads 服务 器 启动 时 创建 的 用 于 处 理 请 求 的 最 小 线程 数 
maxThreads 最 多 可 以 创建 的 处 理 请 求 的 线程 数 


Connector( 表 示 客 户 端 和 
Service 之 间 的 连接 ) 


enableLookups 


如 果 为 true, 则 可 以 通过 调用 request. getRemoteHost() 
进行 DNS 查询 来 得 到 远程 客户 端的 实际 主机 名 , 若 为 
false 则 不 进行 DNS 查询 ,而 是 返回 其 IP 地 址 


redirectPort 


指定 服务 器 正在 处 理 HTTP 请 求 时 ,如 果 收 到 了 一 个 
SSL 传输 请 求 后 , 重 定向 端口 号 


acceptCount 


指定 当 所 有 可 以 使 用 的 处 理 请 求 的 线程 数 都 被 使 用 
后 ,可 以 放 到 等 待 处 理 队列 中 的 请 求 数 , 超 过 这 个 数 
的 请 求 将 不 予 处 理 


connectionTimeout 


以 毫秒 为 单位 ,指定 连接 时 的 超时 时 间 


Engine( 表 示 指 定 Service 中 
的 请 求 处 理 机 ,接收 和 处 理 
来 自 Connector 的 请 求 ) 


defaultHost 


指定 默认 的 处 理 请 求 的 主机 名 , 它 至 少 应 该 与 其 中 的 
一 个 host 元 素 的 name 属性 值 是 相同 的 


docBase Context 的 目录 
s 表示 Context 在 Web 服务 器 时 的 虚拟 目录 位 置 和 目 
Context( 每 一 个 Context 都 | P^ EX 
描述 了 一 个 Tomcat 的 如 果 属 性 为 true, 则 Tomcat 会 自动 检测 应 用 程序 的 / 
Web 应 用 程序 的 目录 ) TT WEB-INF/lib f /WEB-INF/classes 目录 的 变化 ,自动 
ES 装载 新 的 应 用 程序 ,可 以 在 不 重启 Tomcat 的 情况 下 
改变 应 用 程序 
name 指定 主机 名 
host( 表 示 一 个 虚拟 主机 ) | appBase 应 用 程序 基本 目录 , 即 存 放 应 用 程序 的 目录 
如 果 为 true, 则 Tomcat 会 自动 将 WAR 文件 解压 , 否 
unpackWARs 


则 不 解压 ,直接 从 WAR 文件 中 运行 应 用 程序 


Logger( 表 示 日 志 、 调 试 和 
错误 信息 ) 


className 


指定 logger 使 用 的 类 名 ,此 类 必须 实现 org. apache. 
catalina. Logger 接口 


prefix 指定 log 文件 的 前 缀 

suffix 指定 log 文件 的 后 级 

E 如 果 为 true, W log 文件 名 中 要 加 入 时 间 , 如 下 
timestamp 


localhost_ log. 2001-10-04. txt 


Realm( 表 示 存 放 用 户 名 、 
密码 及 role 的 数据 库 ) 


className 


指定 Realm 使 用 的 类 名 ,此 类 必须 实现 org. apache. 
catalina, Realm 接口 


Valve( 功 能 与 Logger 差 不 
多 ,其 prefix 和 suffix 属性 
解释 和 Logger 中 的 一 样 ) 


className 


指定 Valve 元 素 所 使 用 的 类 名 ,如 果 使 用 org. apache. 
catalina. valves. AccessLogValve 类 可 以 记录 应 用 程序 
的 访问 信息 


E 第 5 章 构建 网 站 的 开发 环境 
> 


续 表 
元 素 名 E 性 说 明 
directory 指定 log 文件 存放 的 位 置 


有 两 个 值 ,common 方式 记录 远程 主机 名 或 IP 地 址 、 
用 户 名 日 期 .第 一 行 请 求 的 字符 串 .HTTP 响应 代 
码 发送 的 字 节 数 ;combined 方式 比 common 方式 记 
录 的 值 更 多 


pattern 


下 面 使 用 server. xml 文件 设 定 一 个 新 的 JSP 工作 目录 。 设 立新 的 JSP 工作 目录 是 比 
较 简 单 的 ,只 需要 添加 一 个 Context 元 素 即 可 。 例 如 , 想 要 将 在 D; \jspWorkDirectory 设 定 
为 一 个 新 的 JSP 工作 目录 ,并 且 使 用 户 可 以 使 用 /myjsp 访问 ,只 需要 在 server. xml 文件 中 
添加 如 下 的 Context 元 素 : 
«Context path- "/myjsp" docBase= "D: VjspWorkDirectory" reloadable- "true" > 
< /Context» 
« /Host» 
« /Engine» 
« /Service» 
< /Server» 


然后 ,就 可 在 D: NjspWorkDirectory 目录 下 创建 JSP 文件 .在 浏览 器 的 地 址 栏 中 输入 
*http://Localhost: 8080/myjsp/ * .jps”, 访 问 指定 的 JSP 文件。 

(2) 部 署 描述 文件 web. xml 

BR server. xml 文件 外 , 另 一 个 重要 的 配置 文件 为 部 署 描述 符 文 件 web. xml。 所 有 部 署 
描述 符 文件 的 顶层 ( 根 ) 元 素 都 为 web-app。 需 要 注意 ,XML 元 素 不 像 HTML 标记 ,XML 
元 素 是 区 分 大 小 写 的 。 因 此 , web-App 和 WEB-APP 都 是 不 合法 的 ,web-app 必须 用 小 写 。 
在 web-app 元 素 内 ,元 素 的 次 序 也 是 很 重要 的 。 例 如 ,servlet 元 素 必 须 出 现在 所 有 servlet- 
mapping 元 素 之 前 。 需 要 注意 的 是 ,所 有 这 些 元 素 都 是 可 选 的 。 


5.2.4 经 验 总 结 


本 节 讲 述 的 是 采用 安装 程序 直接 安装 Tomcat, 不 需要 进行 设置 。 而 实际 安装 中 还 有 一 
种 情况 ,就 是 直接 将 程序 拷 入 或 解压 到 指定 位 置 .然后 进行 相应 的 设置 。 具 体 的 操作 步骤 
WF: 

(1) 安装 Tomcat 后 , 右 击 【我 的 电脑 】. 从 弹出 的 菜单 中 选择 [属性 3】I【 高 级 〗I【 环 境 变 
ity D e áp A .添加 以 下 环境 变量 (假定 Tomcat 安装 在 C: \tomcat): 


CATALINA HOME-C: \tomcat; 
CATALINA BASE=C: \tomcat; 


如 图 5-16 所 示 。 
(2) 修改 环境 变量 中 的 classpath, $8 Tomat 安装 目录 中 的 common\ lib 文件 夹 下 的 


servlet. jar 追加 到 classpath 中 去 ,修改 后 的 classpath 如 下 : 


1 E 1n 3. » 
网 站 项 目 规划 与 设计 QA 
系统 属性 FE 环 俩 变量 
aa [计算机 名 | 硬件 [aa amn] 自动 更 新 | 运程 | Ministrator BB PER QD 
要 进行 大 多 数 改 动 ， EAVATEASEERER. 于 
性 能 C:\Program Files\StornII\Codec;... 
DAR, URRH, NFSA ARENE r E 
设置 @) /| J 
用 户 配置 文件 Crew) CRED) MERO 
与 您 登录 有 关 的 点 面 设置 
AES 值 
C; \WINDOWS\system32\cmd. exe 
PERERA NUWBER OF PR. ni 
系统 启动 ， 系 统 失败 和 调试 信息 os 7 Windows NT 
Paths C: WINDOWS Nsystem32;C MINDS; - 图 


JAVA HOME 


C:\Program Files\Javavjdkl.5.0 06; | 


(E) (XC) | emo 


图 5-16 JAVA HOME 变量 的 设置 


classpath-.;$ JAVA HOMES \lib\dt.jar;% JAVA HOMES MlibVtools.jar;$ CATALINA HOMES VcommonV 

libNservlet.jar; 

(3) 启动 Tomcat. # IE 地 址 栏 中 输入 http://localhost: 8080 ,如 果 看 到 Tomcat 的 欢 
迎 页 面 , 则 说 明 安装 成 功 了 。 

此 处 只 是 简单 的 步骤 描述 , 若 需 要 ,可 在 互联 网 上 搜索 与 JDK 安装 和 Tomcat 安装 相 
关 的 文章 ,仔细 阅读 、 参 看 ,如 ,可 搜索 (搭建 Eclipse 十 MyEclipse 十 Tomcat 开发 环境 》 来 


学 习 。 
5.3 安装 .配置 Microsoft SQL Server 2005 


[4 知识 储备 

越 来 越 多 的 网 站 需要 数据 库 系 统 的 支持 ,常用 的 数据 库 系 统 有 Oracle( 甲 骨 文 ) 公 司 的 
Oracle,Microsoft( 微 软 ) 公 司 的 SQL Server. IBM 公司 的 DB2, 这 些 数 据 库 系统 各 有 特点 ， 
当 网 站 在 数据 库 方面 没有 特殊 要 求 时 ,读者 可 以 按照 各 自 的 熟练 程度 选择 数据 库 系 统 。 

安装 Microsoft SQL Server 2005 时 ,要 根据 需要 选择 合适 的 版 本 。Microsoft SQL 
Server 2005 有 五 个 版 本 : 企业 版 (Enterprise Edition) ,标准 版 (Standard Edition)、 工 作 组 
版 (Workgroup Edition)、 开 发 版 (Developer Edition) 和 快递 版 (Express Edition) ,这 些 版 本 
对 安装 环境 有 不 同 的 要 求 , 若 安 装 环境 不 符合 ,可 能 会 导致 SQL Server 2005 安装 失败 。 

在 这 五 个 版 本 中 ,工作 组 版 和 快递 版 仅 适合 32 位 的 平台 ,其 他 的 版 本 均 适 合 32 位 和 
64 位 的 平台 。 对 于 操作 系统 的 要 求 ,除了 企业 版 要 求 服务 器 操作 系统 外 ,其 他 的 各 版 本 均 
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可 以 在 WinXP Professional SP2 和 Win2000 Professional SP4 上 安装 。 

SQL Server 2005 安装 程序 中 带 有 一 个 系统 配置 检查 器 (SCC) 程 序 , 在 安装 时 该 程序 
将 检查 安装 SQL Server 2005 的 计算 机 ,并 将 每 个 检查 项 的 状态 与 所 要 求 的 安装 条 件 进 行 
比较 ,给 予 相应 的 提示 ,对 于 不 符合 项 则 给 出 了 解决 相关 问题 的 指导 。 读 者 首次 安装 SQL 
Server 2005 时 要 注意 SCC 的 检查 结果 ,发 现 不 符合 项 时 需要 解决 ,否则 可 能 会 影响 SQL 
Server 2005 的 安装 。 


5.3.1 任务 描述 

构建 “新 闻 类 别 网 站 ”的 开发 环境 之 三 : 安装 Microsoft SQL Server 2005, 
5.3.2 任务 实现 

具体 操作 步骤 如 下 : 

(1) 若 要 开始 安装 过 程 , 应 将 SQL Server 2005 DVD 插入 DVD 驱动 器 。 如 果 DVD IK 
动 器 的 自动 运行 功能 无 法 启动 安装 程序 ,应 导航 到 DVD 的 根 目录 ,然后 启动 splash. hta, 


启动 后 出 现 安装 导航 界面 ,如 图 5-17 所 示 ,在 此 界面 上 选择 【服务 器 组 件 . 工 具 、 联 机 丛书 和 
示例 ] 选 项 。 


SQL Server 2005 (光盘 1, # 2 张 ) 


准备 

检查 硬件 和 软件 要 求 W 

阅读 发 行 说 明 (R) 

安装 SQL Server 升级 顾问 (&) 

交 装 

服务 如 组 件 、 工 具 、 联 机 从 书 和 示例 (C) 
运行 SQL Native Client 安装 向 导 ( 四 
ee EFI 
TH sq. sever 1003 DERE 其 他 信息 

auk co B) 
访问 SQL Server 网 站 (Y) 


阅读 SQL Server 许可 协议 (E) 
SQL Server 205 jb QD 


图 5-17 SQL Server 2005 安装 导航 界面 


(2) 出 现 如 图 5-18 所 示 的 【最 终 用 户 许可 协议 了 页 ,阅读 许可 协议 ,再 选中 相应 的 复 选 
框 以 接受 许可 条 款 和 条 件 。 接 受 许可 协议 后 即 可 激活 【下 一 步 ] 按 钮 。 若 要 继续 , 单 击 【[ 下 一 
步 ] 按 钮 。 若 要 结束 安装 程序 : 单 击 【 取 消 ] 按 钮 。 

(3) 在 如 图 5-19 所 示 的 【安装 必 备 组 件 ] 界 面 上 ,安装 程序 将 安装 SQL Server 2005 的 
必需 软件 。 更 新 完成 之 后 若 要 继续 , 单 击 【 下 一 步 ] 按 钮 。 


jos 


网 站 项 目 规划 与 设计 


z 
最 终 用 户 许 可 协议 


fa 


SOFT SQL SERVER 2005 STANDARD 和 ENTERPRISE EDITION 


ion MERT SESE Fig V BERE 
。 本 : y 来 件 | 
)。 本 : MICROSOFT Bal 内 
AR i 
* 更 新 、 
* 补充 、 
* 基于 Internet 的 服务 和 


*# 支持 服务 
果 确 实 附带 有 其 他 条 款 ， 则 其 他 条 款 应 适用 。 


图 5-18 SQL Server 2005 最 终 用 户 许 可 协议 界面 


P Microsoft SQL Server 2005 安装 程序 xi 


安装 必 备 组 件 
在 安装 SQL Server 之 前 安装 所 需 的 软件 组 件 。 


[SQL Server 女装 SQL Server $c 


V NET Franework 2.0 - 语言 包 
Y Microsoft SQL Native Client 
Y Microsoft SQL Server 2005 安装 程序 支持 文件 


已 成 功 安装 所 需 的 组 件 。 


取消 加 


图 5-19 SQL Server 2005 安装 必 备 组 件 界 面 


(4) 在 SQL Server 安装 向 导 的 [欢迎 界面 上 , 单 击 【下 一 步 3 按 钮 继续 安装 ,界面 如 
图 5-20 所 示 。 

(5) 在 图 5-21 所 示 的 【系统 配置 检查 】SCC) 界面 上 .将 显示 扫描 安装 SQL Server 的 
计算 机 的 系统 配置 结果 ,看 看 是 否 存在 可 能 阻止 安装 程序 运行 的 情况 。 有 关 配 置 检查 项 的 
信息 , 单 击 该 页 底部 的 【帮助 或 参阅 系统 配置 检查 器 的 检查 参数 ;车 要 中 断 扫 描 , 单 击 
【停止 ] 按 钮 ; 若 要 显示 按 结果 进行 分 组 的 检查 项 列表 , 单 击 【 筛 选 器 按钮 ,然后 从 下 拉 列 表 
中 选择 类 别 ; 若 要 查看 SCC 检查 结果 的 报表 , 单 击 【报表 按钮 ,然后 从 下 拉 列 表 中 选择 选 
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器 Microsoft SQL Server 2005 安装 程序 


欢迎 使 用 Microsoft SQL Server 安装 向 导 


安装 程序 将 协助 您 安装 、 修 改 或 删除 Microsoft SQL Server。 若 要 继续 ， 
请 单 击 “ 下 一 步 ”。 


[85-20 SQL Server 2005 安装 向 导 欢 迎 界面 


项 ,选项 包括 查看 报表 ,将 报表 保存 到 文件 ,将 报表 复制 到 剪贴 板 和 以 电子 邮件 形式 发 送 报 
表 。 完 成 SCC 扫描 之 后 , 单 击 【 下 一 步 ] 按 钮 。 


5 Microsoft SQL Server 2005 安装 程序 


系统 配置 检查 
请 等 待 ， 正 在 检查 系统 中 是 否 有 潜在 的 安装 问题 。 


mE 

最 低 硬件 要 求 

IIS 功能 要 求 

挂 起 的 重新 启动 要 求 

性 能 监视 器 计数 器 要 求 
默认 安装 路 径 权限 要 求 
Internet Explorer 要 求 
com 目录 要 求 

ASP.Net 版 本 注册 要 求 
MDAC 版 本 的 最 低 要 求 


à 
9 
LJ 
加 
加 
© 
加 
9 
© 


图 5-21 SQL Server 2005 系统 配置 检查 界面 


于 


s 


(6) 在 如 图 5-22 所 示 的 【注册 信息 了 界面 上 ,在 【姓名 了 和 【公司 了 文本 框 中 输入 相应 的 信 
息 , 然 后 单 击 【 下 一 步 ] 按 钮 。 
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注册 信息 
下 列 信息 将 对 您 安装 的 系统 进行 个 性 化 设置 。 


图 5-22 SQL Server 2005 系统 注册 信息 界面 


CD) 在 如 图 5-23 所 示 的 【要 安装 的 组 件 ] 界 面 上 ,选择 要 安装 的 组 件 。 其 中 前 五 个 是 服 
务 器 端 组 件 ,【SQL Server Database Services】 是 数据 库 服务 组 件 【Analysis Services】 是 分 
析 服 务 组 件 ,【Reporting Services】 是 报表 服务 组 件 【Notification Services】 是 通知 服务 组 
TF KIntegration Services】 是 集成 服务 组 件 ,最 后 一 个 选项 是 【工作 站 组 件 、 联 机 丛书 和 开发 
工具 】。 读 者 可 以 根据 需要 来 选择 要 安装 的 组 件 , 在 “新 闻 类 别 网 站 ”中 选择 第 一 个 服务 器 组 
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要 安装 的 组 件 
请 选择 要 安装 或 升级 的 组 件 。 


到 
到 
m 
到 


图 5-23 SQL Server 2005 选择 要 安装 的 组 件 界面 


36€ 
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件 和 最 后 一 个 工作 站 组 件 即 可 , 单 击 [下 一 步 ] 按 钮 继续 安装 。 

(8) 在 如 图 5-24 所 示 的 【实例 名 了 界面 上 ,选择 要 安装 默认 实例 还 是 特定 实例 (由 安装 
者 命名 的 实例 ) 。 每 个 SQL Server 实例 是 由 一 组 具有 排列 规则 及 其 他 特定 设置 选项 的 非 重 
复 的 服务 组 成 ,其 中 包括 目录 结构 .注册 表 结构 和 服务 名 称 等 信息 。 这 些 信 息 都 保存 在 安装 
过 程 中 所 创建 的 特定 实例 的 ID 中 。SQL Server 2005 支持 在 单个 服务 器 上 安装 多 个 相互 
独立 的 SQL Server 实例 ,但 只 有 一 个 实例 可 以 是 默认 实例 ,其 他 实例 都 必须 是 命名 实例 。 
默认 实例 名 在 连接 时 不 需要 客户 端 指定 实例 名 称 即 可 建立 连接 ,而 命名 实例 则 需要 指定 实 
例 名 才能 建立 连接 。 所 安装 的 计算 机 上 没有 默认 实例 时 , 才 可 以 安装 默认 实例 。 若 要 安装 
新 的 命名 实例 , 单 击 【命名 实例 了 ,然后 在 提供 的 空白 处 键入 一 个 唯一 的 实例 名 ,界面 如 
图 2-8 所 示 。 如 果 已 经 安装 了 默认 实例 或 已 命名 实例 ,并 且 为 安装 的 软件 选择 了 现 有 实例 ， 
那么 安装 程序 将 升级 所 选 实例 并 提供 安装 其 他 组 件 的 选项 。 首 次 安装 选择 默认 实例 即 可 。 
设置 完成 后 单 击 [ 下 一 步 ] 按 钮 。 


实例 名 
您 可 以 安装 默认 实例 ， 也 可 以 指定 一 个 命名 实例 。 4 


5-24 SQL Server 2005 指定 或 命名 实例 名 界面 


(9) 在 如 图 5-25 中 所 示 的 [服务 账户 了 界面 上 ,为 SQL Server 服务 账户 指定 用 户 名 、 密 
码 和 域名 。 根 据 需 要 可 以 让 所 有 服务 都 使 用 一 个 账户 ,也 可 以 为 各 个 服务 指定 单独 的 账户 。 
若 要 为 各 个 服务 指定 单独 的 账户 ,请 选中 [为 每 个 服务 账户 进行 自 定义 了 ,从 下 拉 框 中 选择 服 
务 名 称 , 然 后 为 该 服务 设 定 登录 密码 ,此 处 选择 【使 用 内 置 系统 账户 〗。 继 续 安装 , 单 击 
【下 一 步 ] 按 钮 。 


BS 
域名 不 能 为 完整 的 域名 系统 (DNS) 名 称 。 例 如 ,如 果 DNS 名 称 为 my-domain- 
name. com, 应 在 〖【 域 】 字 段 中 使 用 my-domain-name。 在 SQL Server P PAJAR% 


my-domain-name. com, 


ft SQL Server 2005 安装 程序 xj 


服务 账户 lag 
服务 账户 定义 登录 时 使 用 的 账户 。 
—LLLLLLLLL——————————— m 


图 5-25 为 SQL Server 2005 选 定 服务 账户 界面 


(10) 在 如 图 5-26 所 示 的 【身份 验证 模式 了 界面 上 ,选择 要 用 于 SQL Server 安装 的 身份 
验证 模式 。 采 用 混合 模式 验证 时 ,必须 输入 并 确认 用 于 sa 登录 的 密码 。 微 软 的 SQL 
Server 2005 联机 丛书 中 建议 最 好 使 用 Windows 身份 验证 。 这 里 的 身份 验证 模式 设置 在 
SQL Server 的 使 用 中 可 以 根据 需要 再 做 修改 。 对 于 sa 账户 ,为 了 提高 系统 的 安全 性 ,已 经 
不 再 像 SQL Server 2000 那样 支持 空 密码 了 。 设 置 完成 后 单 击 [ 下 一 步 ] 按 钮 。 


{E Microsoft SQL Server 2 + xj 


身份 验证 模式 
身份 验证 模式 指定 了 连接 SQL Server 时 使 用 的 安全 设置 。 
>| 


图 5-26 SQL Server 2005 身份 验证 模式 界面 
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在 “新 闻 类 别 网 站 ”的 应 用 中 ,建议 读者 选择 【使 用 Windows 身份 验证 和 SQL Server 身 


份 验 证 】。 


QD 在 如 图 5-27 所 示 的 [排序 规则 设置 界面 上 .指定 SQL Server 实例 的 排序 规则 。 


可 以 按照 默认 设置 不 做 修改 。 单 击 [ 下 一 步 ] 按 钮 。 


图 5-27 SQL Server 2005 排序 规则 设置 界面 


排序 规则 设置 
排序 规则 设置 定义 了 服务 器 的 排序 方式 。 
> - 
lx > 850 (多 语言 ) 字 符 集 。 
" 1252 " 
1262 


(12) 在 如 图 5-28 所 示 的 [准备 安装 】 界 面 上 ,查看 要 安装 的 SQL Server 功能 和 组 件 的 


摘要 。 若 要 继续 安装 ,请 单 击 [ 安 装 ] 按 钮 。 


{E Microsoft SQL Server 2005 安装 程序 


安装 以 下 组 件 : 


日 SQL Server Database Services 
(数据 库 服 务 ， 复 制 ， 全 文 搜索 ) 

le Analysis Services 

l^ Reporting Services 


(Reporting Services, TEX E385 

* ^ Hotification Services 

le Integration Services 

- EPRA 

(连接 组 件 ， 管 理工 具 ，Business Intelligence Development 
Studio，SQL Server 联机 从 书 ) 


图 5-28 SQL Server 2005 的 准备 安装 界面 


OOo maast 


3 


(13) 在 如 图 5-29 所 示 的 【安装 进度 】 界 面 上 ,可 以 监视 安装 过 程 中 的 安装 进度 。 若 要 
在 安装 期 间 查 看 组 件 的 日 志文 件 ,应 在 【安装 进度 】 界 面 上 单 击 产品 或 状态 名 称 。 


正在 配置 所 选 组 件 


图 5-29 SQL Server 2005 的 安装 进度 界面 


(14) 在 如 图 5-30 所 示 的 【完成 Microsoft SQL Server 2005 安装 】 界 面 上 ,可 以 通过 单 


击 此 界面 上 提供 的 链接 查看 安装 摘要 日 志 。 单 击 【 完 成 3 按钮 可 结束 安装 ,退出 SQL Server 
安装 向 导 。 


| Microsoft SQL Server 2005 安装 程序 


ft SQL Server 2005 安装 
安装 程序 已 配置 完 Microsoft SQL Server 2005 


Development Studio 中 ， 14 
Librarye 


若 要 安装 NET Framework SDK， 请 参阅 SQL Server 联机 从 书 中 的 “安装 
NET Framework SDK”。 


若 要 安装 示例 数据 库 和 示例 代码 ,请 参阅 SOL Server 2005 联机 从 书 中 的 
“运行 安装 程序 以 安装 AdventureWorks 示例 数据 库 和 示例 ” 


5-30 SQL Server 2005 的 安装 成 功 界面 


(15) 如 果 得 到 重新 启动 计算 机 的 指示 ,应 立即 进行 操作 。 完 成 安装 后 ,阅读 来 自 安装 
程序 的 消息 是 很 重要 的 。 如 果 未 能 重新 启动 计算 机 ,可 能 会 导致 以 后 运行 安装 程序 的 失败 。 
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5.5.3 相关 知识 拓展 


1. Microsoft SQL Server 2005 各 版 本 简介 


* SQL Server 2005 Enterprise Edition; 适合 运行 在 32 位 平台 和 64 位 平台 上 。 
Enterprise Edition 达到 了 支持 超大 型 企业 进行 联机 事务 处 理 COLTP) 高度 复杂 
的 数据 分 析 数据 仓库 系统 和 网 站 所 需 的 性 能 水 平 。Enterprise Edition 的 全 面 商 
业 智 能 和 分 析 能 力 及 其 高 可 用 性 功能 (如 故障 转移 群集 ) ,使 它 可 以 处 理 大 多 数 关 
键 业 务 的 企业 工作 负荷 。Enterprise Edition 是 最 全 面 的 SQL Server 版 本 ,是 超大 
型 企业 的 理想 选择 ,能 够 满足 最 复杂 的 要 求 。 该 版 本 还 推出 了 一 种 适用 于 32 位 或 
64 位 平台 的 120 天 的 Evaluation Edition, 

* SQL Server 2005 Standard Edition; 适合 运行 在 32 位 平台 和 64 位 平台 上 。 
Standard Edition 是 适合 中 小 型 企业 的 数据 管理 和 分 析 平 台 。 它 包括 电子 商务 、 数 
据 仓库 和 业务 流 解决 方案 所 需 的 基本 功能 。Standard Edition 的 集成 商业 智能 和 
高 可 用 性 功能 可 以 为 企业 提供 支持 其 运营 所 需 的 基本 功能 。Standard Edition 是 
需要 全 面 的 数据 管理 和 分 析 平 台 的 中 小 型 企业 的 理想 选择 。 

* SQL Server 2005 Workgroup Edition; 仅 适合 运行 在 32 位 平台 上 。Workgroup 
Edition 是 适合 小 型 企业 的 数据 管理 和 分 析 平 台 , 能 提供 在 数据 库 大 小 和 用 户 数量 
上 没有 限制 的 数据 管理 解决 方案 。Workgroup Edition 可 以 用 做 前 端 Web 服务 
器 ,也 可 以 用 于 部 门 或 分 支 机 构 的 运营 。 它 包括 SQL Server 产品 系列 的 核心 数据 
库 功 能 ,并 且 可 以 轻松 地 升级 至 Standard Edition 或 Enterprise Edition. 
Workgroup Edition 是 理想 的 入 门 级 数据 库 , 具 有 可 靠 、 功 能 强大 且 易 于 管理 的 

* SQL Server 2005 Developer Edition: 适合 运行 在 32 位 平台 和 64 位 平台 
Developer Edition 可 以 在 SQL Server 上 生成 任何 类 型 的 应 用 程序 , 它 包 括 SQL 
Server 2005 Enterprise Edition 的 所 有 功能 .但 有 许可 限制 ,只 能 用 于 开发 和 测试 
系统 ,而 不 能 用 做 生产 服务 器 。Developer Edition 是 独立 软件 供应 商 CISVO ,咨询 
人 员 系统 集成 商 、 解 决 方案 供应 商 以 及 创建 和 测试 应 用 程序 的 企业 开发 人 员 的 理 
想 选 择 。Developer Edition 可 以 根据 生产 需要 升级 至 SQL Server 2005 Enterprise 
Edition 。 

* SQL Server 2005 Express Edition; 仅 适 合 运行 在 32 位 平台 上 。SQL Server Express 是 
一 个 免费 、 易 用 且 便 于 管理 的 数据 库 。SQL Server Express 与 Microsoft Visual Studio 
2005 集成 在 一 起 ,可 以 轻松 开发 功能 丰富 ,存储 安全 、 可 快速 部 署 的 数据 驱动 应 用 程 
序 。SQL Server Express 是 免费 的 .可 以 再 分 发 (受制 于 协议 ) .还 可 以 起 到 客户 端 数 
据 库 以 及 基本 服务 器 数据 库 的 作用 。SQL Server Express 是 低 端 ISV , 低 端 服务 器 用 
P AE Web 应 用 程序 的 非 专业 开发 人 员 以 及 创建 客户 端 应 用 程序 的 编程 爱好 者 的 


e 
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2. Microsoft SQL Server 2005 的 组 件 介绍 


Microsoft SQL Server 2005 的 运行 模式 是 C/S 模式 ,其 组 件 分 为 两 大 类 ,一 类 是 在 服 
务 器 端 运行 的 服务 器 组 件 ; 另 一 类 是 在 客户 端 运行 的 客户 端 组 件 。 在 前 面 的 安装 过 程 中 ， 
见 图 5-21) ,我 们 建议 读者 在 本 地 机 上 安装 了 服务 器 组 件 中 的 SQL Server Database 
Services( 数 据 库 服务 组 件 ) 和 工作 站 组 件 ( 客 户 端 ) 。 下 面 对 各 组 件 作 进一步 的 介绍 ,扩充 大 
家 的 知识 面 。 
CD 服务 器 端 组 件 
。 SQL Server 数据 库 服务 组 件 (SQL Server Database Services); 提供 用 于 存储 、 处 理 
和 保护 数据 的 核心 服务 ,提供 了 受 控 访问 和 快速 事务 处 理 , 以 满足 企业 内 最 苛刻 的 
数据 消费 应 用 程序 的 要 求 。 数 据 库 服务 组 件 还 提供 了 大 量 的 支持 以 保持 高 可 用 性 。 
通过 数据 库 服 务 组 件 可 以 完成 的 任务 包括 : 设计 并 创建 数据 库 以 保存 系统 所 需 的 
关系 表 或 XML 文档 :实现 系统 以 访问 和 更 改 数据 库 中 存储 的 数据 ,包括 实现 网 站 
或 使 用 数据 的 应 用 程序 ,以 及 生成 使 用 SQL Server 工具 和 实用 工具 以 使 用 数据 的 
过 程 ;为 单位 或 客户 部 署 实现 的 系统 ;提供 日 常 管理 支持 以 优化 数据 库 的 性 能 。 
* 分 析 服 务 组 件 (Analysis Services): 用 于 创建 复杂 的 联机 分 析 处 理 COLAPO 和 数据 
挖掘 解决 方案 。Analysis Services 工具 提供 了 设计 、 创 建 和 管理 来 自 数 据 仓 库 的 多 
维 数据 集 和 数据 挖掘 模型 的 功能 ,还 提供 对 OLAP 数据 和 数据 挖掘 数据 的 客户 端 
访问 。 
。 报表 服务 组 件 (Reporting Services) : 用 于 生成 从 多 种 关系 数据 源 和 和 多维 数据 源 提 
取 内 容 的 企业 报表 ,发 布 以 各 种 格式 查看 的 报表 ,以 及 集中 管理 安全 性 和 订阅 。 生 
成 的 报表 可 以 通过 基于 Web 的 连接 进行 查看 ,也 可 以 作为 Microsoft Windows 应 
用 程序 的 一 部 分 进行 查看 。 报 表 服 务 组 件 的 安装 和 使 用 需要 Internet 信息 服务 
(IIS) 5.0 或 更 高 的 版 本 支持 ,并 需要 Microsoft Internet Explorer 6. 0 Service Pack 
(SP) 1 的 版 本 支持 。 
* 通知 服务 组 件 (Notification Services) : 通知 服务 组 件 是 一 个 应 用 程序 开发 和 部 署 平 
台 , 其 应 用 程序 可 以 生成 通知 并 将 通知 发 送 给 订阅 方 或 各 种 设备 。 使 用 
Notification Services 可 以 快速 创建 和 部 署 应 用 程序 ,使 应 用 程序 在 需要 时 能 够 支持 
数 百 万 个 订阅 方 。 
。 集成 服务 组 件 (Integration Services): 用 于 创建 执行 提取 ,转换 和 加 载 数据 (ETL) 人 处 理 
的 可 靠 而 复杂 的 解决 方案 。 它 包括 用 于 生成 和 调试 包 的 图 形 工 具 和 向 导 ; 用 于 执行 工 
作 流 函数 (如 FTP 操作 ) ,执行 SQL 语句 或 发 送 电子 邮件 的 任务 ;用 于 提取 和 加 载 数 据 
的 数据 源 和 目标 ;用 于 清理 .聚合 .合并 和 复制 数据 的 转换 ;用 于 管理 集成 服务 组 件 的 
管理 服务 ;用 于 对 集成 服务 组 件 对 象 模型 编程 的 应 用 程序 编程 接口 (APD) 。 
(2) 客户 端 组 件 
客户 端 组 件 主要 包括 连接 组 件 ,管理 工具 .Business Intelligence Development Studio 和 
SQL Server 联机 丛书 。 
: 连接 组 件 : 客户 端 最 主要 的 组 件 就 是 连接 组 件 . 它 主要 安装 用 于 客户 端 和 服务 器 之 
间 通 信 的 组 件 ,以 及 用 于 DB-Library、ODBC 和 OLE DB 的 网 络 库 。 连 接 组 件 实 现 
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的 功能 主要 是 通过 SQL Server 配置 管理 器 来 实现 的 ,包括 管理 与 SQL Server 相关 
联 的 服务 .配置 SQL Server 使 用 的 网 络 协议 以 及 在 SQL Server 客户 端的 计算 机 上 
管理 网 络 连接 配置 。 可 以 单 击 打开 【程序 ] 人 KMicrosoft SQL Server 2005] | EE ET. 
RJIESQL Server 配置 管理 器 了 来 配置 连接 组 件 。 如 图 5-31 所 示 是 【SQL Server 网 
络 配置 了 【【MSSQLSERVER 的 协议 3 的 配置 界面 。 如 图 5-32 所 示 是 【SQL Native 
Client 了 区 客户 端 协议 了 配置 界面 。 


f E SQL Server Configuration Manager M Ww — 
ZD BFA EEV BH) 
enl isisl 
f SQL Server 配置 管理 器 (本 地 ) 
目 SQL Server 2005 服务 
4 且 SQL server 2005 网 络 配置 
Be SQLEXPRESS 的 协议 
He MSSQLSERVER 的 协议 
» S SQL Native Client 配置 


协议 名 称 状态 

Y Shared Memory 已 启用 
Y Named Pipes 已 启用 
S^ TCP/IP 已 启用 
yva ESA 


图 5-31 MSSQLSERVER 的 协议 配置 


j lj SQL Server Configuration Manager À < . 

文件 日 ”操作 他， EEV AH 
ew|nl5sisl 
f SQL server 配置 管理 器 (本 地 ) 

E] SQL Server 2005 服务 
» B. SQL Server 2005 网 络 配置 
4 8 SQL Native Client 配置 
B SARN 

号 别名 


名 称 顺序 已 启用 
Y Shared Memory 1 已 启用 
竺 TCP/IP 2 已 启用 


图 5-32 客户 端的 协议 配置 


。 管 理工 具 : Microsoft SQL Server Management Studio 是 Microsoft SQL Server 
2005 提供 的 一 种 新 集成 环境 ,用 于 访问 .配置 .控制 .管理 和 开发 SQL Server 的 所 
有 组 件 。SQL Server Management Studio 将 一 组 多 样 化 的 图 形 工具 与 多 种 功能 齐 
全 的 脚本 编辑 器 组 合 在 一 起 ,可 为 各 种 技术 级 别 的 开发 人 员 和 管理 员 提 供 对 SQL 
Server 的 访问 。 这 个 工具 将 以 前 版 本 的 SQL Server 中 所 包括 的 企业 管理 器 .查询 
分 析 器 和 Analysis Manager 功能 整合 到 单一 环境 中 。 

* 开发 工具 : Business Intelligence Development Studio 是 用 于 开发 包括 Analysis 
Services, Integration Services 和 Reporting Services 项 目 在 内 的 商业 解决 方案 的 主 
要 环境 。 每 个 项 目 类 型 都 提供 了 用 于 创建 商业 智能 解决 方案 所 需 对 象 的 模板 ,并 提 
供 了 用 于 处 理 这 些 对 象 的 各 种 设计 器 .工具 和 向 导 。 安 装 这 个 软件 开发 工具 包 需 要 


Internet Explorer 6. 0 SP1 的 支持 。 
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* 帮助 工具 : SQL Server 联机 丛书 是 SQL Server 2005 的 核心 文档 ,从 中 可 以 获得 大 
量 的 使 用 帮助 和 SQL Server 2005 的 相关 知识 。SQL Server 2005 教程 可 以 帮助 用 
户 了 解 和 学 习 使 用 SQL Server 2005 提供 的 各 种 实用 工具 。SQL Server 2005 通过 
示例 演示 提供 数据 库 引 擎 、Analysis Services, Reporting Services 和 Integration 
Services 的 示例 代码 和 示例 应 用 程序 ,通过 对 示例 的 了 解 可 以 很 快 地 学 会 SQL 
Server 技术 。 


启动 和 停止 SQL Server 服务 


启动 .停止 Microsoft SQL Server 2005 服务 的 方法 不 止 一 种 ,读者 可 以 参考 下 面 的 方 
法 来 操作 。 

(1) 使 用 外 围 配置 应 用 器 启动 .停止 SQL Server 实例 

在 【开始 了 菜单 中 ,依次 选择 【程序 ] 区 Microsoft SQL Server 2005] EE E TH]. £A Uri 
击 【SQL Server 外 围 应 用 配置 器 】, 启 动 的 界面 如 图 5-33 所 示 。 


EB Server 2005 外 围 应 用 配置 器 


V 20( 
d^ SQL Server. 


使 SQL Server 2005 外 围 应 用 最 小 化 
3 IL Server 2005 EE SIE SQL peri 2005 本 | ne 的 更 多 控制 ， 提 高 了 
让 SQL Server 2005 外 围 应 用 配置 器 J 标 : 


E prapekwd ioo Roda. 
SQL Server 组 件 未 使 | 


pe EE 可 以 筷 用 默认 情况 下 被 禁用 的 必需 功能 、 服 务 和 网 络 协议 。 对 于 已 升级 的 实例 ， 
使 用 这 些 工 ， ARE 未 使 用 的 功能 、 服 务 和 协 以 。 


(9 MEAXME SOL Seve 外 围 应 用 的 详细 信息 。 


配置 外 围 应 用 localhost citis. 
adios rtu ] 


FE, 功能 的 外 围 应 用 配置 器 


图 5-33 ”外围 应 用 配置 器 界面 


在 外 围 应 用 配置 器 界面 中 . 单 击 [ 服 务 和 连接 的 外 围 应 用 配置 器 ,在 出 现 的 【服务 和 连 
接 的 外 围 应 用 配置 器 】 界 面 中 ,展开 【KMSSQLSERVER]IKDatabase Engine] | Ulli 4]. 3i 
【启动 3 按钮 , 即 可 启动 MSSQLSERVER 实例 上 的 Database Engine 服务 ,如 图 5-34 Bros s 
单 击 【 停 止 ] 按 钮 , 则 可 停止 该 服务 。 

(2) 使 用 SQL Server Configuration Manager 启动 SQL Server 实例 

在 【开始 了 莱 单 中 ,依次 指 吕 【所 有 程序 】 区 Microsoft SQL Server 2005] [META]. 7A 
后 单 击 【SQL Server Configuration Manager】, 即 可 启动 如 图 5-35 所 示 的 SQL Server 配置 
管理 器 。 


alhost 


05 Surface Area Configuration 


MSSQI 
日 国 Database Engine 
» [ES 


田 Q Analysis Services 
HD 国 Reporting Services 


EZ Integration Services 
田阳 SQL Server Browser 


正在 运行 ”自动 
给 )5QL Server FullText Search (MSSQLSERVER) ”正在 运行 ”自动 


(SQL Server Analysis Services (MSSQLSERVER) — 正在 运行 ”自动 


5-35 SQL Server 配置 管理 器 


在 SQL Server 配置 管理 器 中 . 单 击 【SQIL Server 2005 服务 】 ,再 单 击 SQL Server 
(MSSQLSERVER)。 然 后 通过 单 击 工具 栏 的 国 按 钮 暂停 该 服务 , 单 击 加 按钮 停止 该 服务 ， 
单 击 回 按钮 重启 该 服务 , 单 击 鞠 按钮 则 可 以 启动 该 服务 。 


4. 初 识 Management Studio 


Management Studio 是 SQL Server 最 主要 的 客户 端 组 件 , 对 数据 库 的 数据 访问 操作 需 
要 通过 它 来 完成 。 下 面 简单 介绍 它 的 启动 方法 。 
CD 在 【开始 了 莱 单 上 ,选择 【所 有 程序 】Microsoft SQL Server 2005]. 再 单 击 【SQL 


Server Management Studio]. 


(2) 在 如 图 5-36 所 示 的 【连接 到 服务 器 对 话 框 中 , 单 击 【连接 按钮 ,连接 到 SQL 
Server 服务 器 。 


&E 连 接 到 服务 器 


5-36 连接 到 服务 器 


(3) 与 服务 器 连接 后 的 SQL Server Management Studio 是 一 个 功能 强大 且 灵 活 的 客户 
端 操作 工具 ,界面 如 图 5-37 所 示 。 


Notification Services 
SQL Server 代理 已 禁 用 代理 XP) 


图 5-37 SQL Server Management Studio 的 主 界面 


若 需 要 某 个 组 件 窗口 ,可 在 [视图] 菜单 上 单 击 相 应 组 件 的 名 称 调 出 对 应 的 组 件 窗口 。 
若 要 显示 查询 编辑 器 窗口 , 单 击 工具 栏 上 的 名 新 尘 查 淘 名 按钮 ,在 打开 的 查询 窗口 中 可 以 编 
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辑 T-SQL 命令 。 
5.3.4 经 验 总 结 


(1) 安装 Microsoft SQL Server 2005 时 , 若 操作 系统 不 同 , 可 能 会 有 不 同 的 安装 结果 ， 
读者 需要 注意 的 是 如 图 5-28 所 示 的 【完成 Microsoft SQL Server 2005 安装 】 界 面 给 出 的 安 
装 提示 信息 ,比如 Windows VISTA 操作 系统 ,就 会 要 求 补丁 ,可 以 根据 提示 内 容 和 给 出 的 
微软 网 站 补丁 网 页 的 链接 轻松 地 下 载 补丁 .完成 Microsoft SQL Server 2005 的 安装 。 提 示 
信息 会 给 的 非常 详细 ,按照 提示 信息 的 提示 去 操作 ,是 很 容易 完成 安装 的 。 

(2) SQL Server 2005 服务 器 具有 一 定 的 自动 配置 能 力 , 在 安装 后 即使 不 做 任何 设置 ， 
它 也 能 够 正常 运行 ,这 样 在 大 多 数 情况 下 ,用 户 不 必 设 置 服务 器 选项 。 但 是 ,如 果 系 统 默认 
值 不 适合 自己 的 需要 或 为 了 更 好 地 管理 和 优化 SQL Server 资源 ,读者 可 以 使 用 sp_ 
configure 系统 存储 过 程 或 SQL Server Management Studio 对 服务 器 配置 选项 进行 设置 。 
这 里 不 做 详 述 。 

(3) 安装 时 指定 的 身份 验证 模式 在 以 后 使 用 SQL Server 时 ,可 以 依照 需要 进行 修改 。 
这 里 的 身份 验证 模式 设置 将 影响 “新 闻 类 别 网 站 ”中 的 连接 数据 库 代码 的 编写 。 

修改 方法 如 下 :在 如 图 5-35 所 示 的 [对象 资 源 管理 器 ] 中 , 布 击 SQL Server 实例 名 (如 
NET-DB) 并 在 弹出 菜单 中 选择 [属性 命令 ,在 打开 的 如 图 5-38 所 示 的 【服务 器 属性 3I【 选 择 
页 了 面板 中 ,选择 [安全 性 了 图 标 , 并 在 【服务 器 身份 验证 了 区 域 选 择 自己 想 要 的 身份 验证 模式 。 


ITE] 


图 5-38 在 SQL Server Management Studio 中 设置 身份 验证 模式 
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5.4 安装 .配置 Eclipse 


dp 知识 储备 

Eclipse 是 开放 源 代 码 项 目 , 可 以 免费 下 载 ,其 官方 网 站 网 址 是 http://www. eclipse. 
org。 官 方 网 站 提供 Releases, Stable Builds, Integration Builds 和 Nightly Builds 等 版 本 的 
下 载 。 建 议 读者 使 用 Releases 或 Stable Builds 版 本 。Releases 版 本 是 Eclipses 开发 团队 发 
布 的 主要 版 本 ,是 经 过 测试 的 稳定 版 本 ,适合 要 求 稳定 而 不 需要 最 新 改进 功能 的 使 用 者 选 
择 。 目 前 最 新 的 Releases 版 本 是 Eclipse 3. 4。 


5.4.1 任务 描述 
构建 “新 闻 类 别 网 站 ”的 开发 环境 之 四 : 安装 .配置 Eclipse. 


5.4.2 任务 实现 


下 面 以 在 Windows XP 系统 中 安装 Eclipse 为 例 , 说 明 Eclipse 的 安装 、 配 置 过 程 。 由 于 
Eclipse 的 安装 、 配 置 过 程 比较 复杂 ,因此 分 三 个 任务 分 别 讲述 。 
任务 1 安装 Eclipse 
任务 2 汉化 Eclipse 
任务 3 配置 Eclipse 


任务 1: 安装 Eclipse 

具体 操作 步骤 如 下 : 

(D) 登录 Eclipse 的 官方 站 点 http://www. eclipse. org. 下 载 Eclipse 安装 包 eclipse- 
SDK- Release 3. 4. 0-win32. zip. 

(2) 将 ZIP 文件 解压 至 自行 设 定 的 安装 目录 ,如 D: Veclipse. Eclipse 即 安 装 完毕 ,如 
图 5-39 所 示 。 

任务 2: 汉化 Eclipse 

Eclipse 提供 了 一 个 语言 包 的 插件 ,用 于 使 其 开发 环境 国际 化 。 对 于 英文 不 好 的 读者 或 
者 初学 者 来 说 ,中 文 版 本 的 Eclipse 可 以 显著 提高 学 习 效率 ,便于 接受 和 使 用 Eclipse。 建 议 
读者 在 对 Eclipse 有 了 初步 的 认识 之 后 .还 是 多 使 用 英文 版 Eclipse 这样 对 以 后 的 进一步 学 
习 和 使 用 有 好 人 处。 具体 操作 步骤 如 下 : 

(1) 在 Eclipse 的 安装 目录 ,如 D: \eclipse 中 ,找到 eclipse. exe, 双 击 运行 Eclipse, 启 动 
后 出 现 如 图 5-40 所 示 的 界面 。 

(2) 在 【Workspace Launcher】 界 面 中 ,提示 “Select a workspace”, workspace( 工 作 空 
间 ) 是 用 来 存储 项 目 中 的 全 部 文件 ,在 此 保持 默认 设置 。 单 击 [OK】 按 钮 。 
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f D: Veclipse 回回 因 
XO RED FEV KEW IAV 帮助 0 


Qs- O- X Ds per X DB xv am 


jit O) [O D: eclipse 


文件 和 文件 夹 任务 A EJ configuration il deopins 


ep xeszexe 
By Bwat 2- > 
D 复制 这 人 文件 z cJ get 
Q Hatena 
Web eclipseproduct 
O 以 记 子 邮件 形式 发 送 ef 文件 Ko nou " 5 
此 文件 n E 
eclipse, ini n epl-v10. html 
s VRUR edipses en MML Document 
1 Kb zm] 17 KP 


x 开除 这 个 文件 
notice. html 


HTML Document 
TK 


详细 信息 
eclipse. exe 
RR 


RM: 2008823 


创建 日 期 ，2004-9-29 12:08 大 小 : 56.0 KB 


图 5-39 解压 后 的 Eclipse 目录 


É Workspace Launcher 


Select a workspace 


Eclipse Platform stores your projects in a folder called a workspace 
Choose a workspace folder to use for this session. 


Workspace: [WREPETCTTNERETTEETTEEET YID ETETUE SITIS S TID Browse... 


[Cluse this as the default and do not ask again 


图 5-40 选择 Eclipse 工作 空间 


(3) Eclipse 启动 后 的 界面 如 图 5-41 所 示 , 单 击 Eclipse 的 菜单 [Help】I 【Software 
Updates] 命 令 , 弹 出 【Software Updates and Add-ons】 对 话 框 ,如 图 5-42 所 示 。 
(4) 单 击 选 择 [Available Software】 ,然后 单 击 [Add Site] 按 钮 ,输入 URL: 


http://download.eclipse.org/technology/babel/update-site/ 
或 
http://download.eclipse.org/technology/babel/update-site/ganymede/ 


新 输入 的 URL. 会 加 入 到 当前 界面 中 , 单 击 URL 前 面 的 “十 ”号 可 以 展开 该 网 址 对 应 的 
列表 。 若 该 网 址 对 应 的 列表 没有 显示 出 来 , 单 击 【Refresh] 按 钮 刷新 一 下 。 最 后 单 击 


ep 
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ipse 


图 5-41 Eclipse 启动 后 的 界面 


f- Software Updates and Add-ons 


Installed Software | Available Software 


type filter text 


Nane Version 
& [] 9] http://download eclipse. org/eclipse/updates/3. 4 

& [7] €] http://download. eclipse. org/releases/ganymede 

田口 全 http://download eclipse. org/technology/epp/updates/1.0/ 

田口 全 http://download eclipse. org/webtools/updates/ 


Refresh 


回 show only the latest versions of available software 
L]Include items that have already been installed 


Open the "Automatic Updates’ preference page to set up an automatic update schedule 
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图 5-42 Eclipse 软件 更 新 (Software Updates) 界 面 


【Close] 按 钮 。 


项 , 单 击 【Next] 按 钮 。 


(5) 在 如 图 5-43 所 示 的 界 


E 


中 选择 【Eclipse Language Pack for Simplified Chinese】 选 


(6) 在 如 图 5-44 所 示 的 KEclipse 语言 包 安 装 协议 了 对 话 框 中 ,选择 【I accept the terms 


of the license agreement 了 单 选 按钮 ,接受 许可 协议 .然后 单 击 CNext] 按 钮 。 
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Install 
Review and confirm that the checked items will be installed 


Name Version 


DpEclipse Language Pack for Simplified Chinese 0.2. 0. v20080928043402 


Review Licenses 


Licenses must be reviewed and accepted before the software can be installed 


License text: 


ECLIPSE FOUNDATION SOFTWARE USER AGREEMENT 
March 17, 2005 


Usage Of Content 


THE ECLIPSE FOUNDATION MAKES AVAILABLE SOFTWARE, DOCUMENTATION, INFORMATION AND/OR 
OTHER MATERIALS FOR OPEN SOURCE PROJECTS (COLLECTIVELY "CONTENT") 

USE OF THE CONTENT IS GOVERNED BY THE TERMS AND CONDITIONS OF THIS 
AGREEMENT AND/OR THE TERMS AND CONDITIONS OF LICENSE AGREEMENTS OR 
NOTICES INDICATED OR REFERENCED BELOW. BY USING THE CONTENT, YOV 

AGREE THAT YOUR USE OF THE CONTENT IS GOVERNED BY THIS AGREEMENT 
AND/OR THE TERMS AND CONDITIONS OF ANY APPLICABLE LICENSE AGREEMENIS 
OR NOTICES INDICATED OR REFERENCED BELOW. IF YOU DO NOT AGREE TO THE 
TERMS AND CONDITIONS OF THIS AGREEMENT AND THE TERMS AND CONDITIONS 

OF ANI APPLICABLE LICENSE AGREEMENTS OR NOTICES INDICATED OR REFERENCED 
BELOW, THEN YOU MAY NOT USE THE CONTENT. 


Applicable Licenses 


Unless otherwise indicated, all Content made available by the Eclipse Foundation 
is provided to you under the terms and conditions of the Eclipse Public 

License Version 1.0 ("EPL"). A copy of the EFL is provided with this 

Content and is also available at http://www. eclipse. org/legal/epl-v10. hal 

For purposes of the EPL, "Program" will mean the Content 


(DI accept the terms of the license agreement 


(OI de not accept the terms of the license agreement 


图 5-44 Eclipse 语言 包 安 装 协议 


(7) 此 时 将 返回 Eclipse 软件 更 新 (Software Updates) 界 面 .要 等 待 “ 漫 长 ”的 更 新 过 程 ， 


如 图 5-45 所 示 。 
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Software Updates and Add-ons 


Installed Software | Available Software 


type filter text 


Name Version 
E155 Eclipse Hindi 0. 2. 0. v20080928043402 | [Broperties 
E145 Eclipse Hungarian 0. 2. 0. v20080928043402 
E145 Eclipse Italian 0. 2. 0. v20080928043402 


[145 Eclipse Japanese 0. 2. 0. v20080928043402 | Ladd Site. 


E145 Eclipse Klingon 0. 2. 0. v20080928043402 | (emage Sites...) 


Eclipse Korean 0. 2. 0. v20080928043402 
Es 

E145 Eclipse Norwegian 0. 2. 0. v20080928043402 
E145 Eclipse Polish 0. 2. 0. v20080928043402 Refresh 
E135 Eclipse Portuguese 0. 2. 0. v20080928043402 

E145 Eclipse Romanian 0. 2. 0. v20080928043402 

DE Eclipse Russian 0. 2. 0. v20080928043402 


E14» Eclipse Spanish 0. 2. 0. v20080928043402 
E145 Eclipse Spanish-Catalonian 0. 2.0. v20080928043402 
E145 Eclipse Swedish 0. 2. 0. v20080928043402 
E145 Eclipse Traditional Chinese 0. 2. 0. v20080928043402 
E145 Eclipse Turkish 0. 2. 0. v20080928043402 
[149 Eclipse Language Ukrainian 0. 2. 0. v20080928043402 


Show only the latest versions of available software 


Include items that have already been installed 


Open the "Autonstic Updates’ preference page to set up en automatic update schedule 
Install in progress: [ 


图 5 


-45 下 载 安装 Eclipse 语言 包 


(8) 安装 完成 后 ,重启 Eclipse, 就 是 熟悉 的 中 文 界面 了 ,如 图 5-46 所 示 。 和 图 5-41 ke 
较 一 下 ,可 能 初学 者 更 喜欢 这 一 图 形 界面 。 


= 


图 5-46 汉化 后 的 Eclipse 
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任务 3: 配置 Eclipse 
具体 操作 步骤 如 下 : 
d) 重启 Eclipse 后 ,选择 【窗口 ] 民 首选 项 ] 命 令 .出 现 如 图 5-47 所 示 的 对 话 框 。 


[S ES 已 安装 服务 器 运行 时 环境 


P bg 添加、 除去 或 编辑 已 安装 的 服务 器 运行 时 定义 。 


由 Data Management 已 安装 的 服务 器 运行 时 QD ; 
8 Install/Update E 类 型 
由 Java 
由 JavaScript 
JPA 
由 Remote Systens 
Service Policies 
困 Tasks 
由 Usage Data Collector 
8 Web 
8j Web Service 
由 XDoclet 


图 5-47 在 【首选 项 对话 框 中 选择 【运行 时 环境 】 选 项 


(2) 在 如 图 5-47 所 示 的 【[ 首 选项] 对话 框 中 ,选择 [服务 器 3I【 运 行 时 环境 命令 。 
(3) 单 击 【 添 加 按钮 ,弹出 【新建 服务 器 运行 时 对话 框 ,如 图 5-48 所 示 。 单 击 【Apache 
Tomcat v6. 0】 选 项 后 , 青 单 击 【 下 一 步 ] 按 钮 。 


E 新 建 服务 器 运行 时 


新 建 服务 器 运行 时 
定义 新 的 已 安装 服务 器 运行 时 环境 


选择 想 要 定义 的 运行 时 的 关 型 W : 
HANERE 


日 © Apache 
Bj Apache Tomcat V3.2 
Bj Apache Tomcat v4.0 
E Apache Tomcat V4.1 
Bj Apache Tomcat V5.0 
Bj Apache Tomcat VS. 


Apache Toncat V6.0 支持 J2EE 1.2. 1.3 和 1.4 ,和 java EE 5 Teb 模块 。 


创 娃 一 个 新 本 地 服务 器 


@ so ][ r-$m»]| seo 


图 5-48 新 建 服务 器 运行 时 
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(4) 图 5-49 中 ,在 【Tomcat 服务 器 指定 安装 目录 了 的 【名 称 】 文 本 框 右 侧 单 击 【 浏 览 】 
按钮 ,选择 Apache Tomcat v6. 0 的 安装 目录 。 目 录 选 择 完 成 后 , 单 击 【确定 按钮 , 回 到 如 
图 5-50 所 示 的 界面 。 


和 新 建 服务 器 运行 时 


口 
Tomcat 服务 器 
指定 安装 目录 H 


AMD: 
Apache Tomcat v6.0 


Tomcat SHEER QD : 选择 Tomcat KHAR. 


iE D... 
E YIN (CO | 下 载 并 安装 加 )... 


B O Documents and Settings 


S Ò Proga Files 3 
D © Adobe 已 安装 MET... 


E (C) Apache Software Foundation 
8 Ò Tomcat 5.0 
田 回 Tomeat 6.0 


a n 


ip: [Tomcat 6.0 


WENK Q0 


《一步 @) T- W Ea] 


图 5-49 选择 Apache Tomcat v6. 0 的 安装 目录 


(5) 在 如 图 5-50 所 示 的 界面 中 , 单 击 【完成 了 按钮 , Eclipse 服务 器 的 配置 就 完成 了 。 配 
置 完成 的 界面 如 图 5-51 所 示 。 


E 新 建 服务 器 运行 时 
Tomcat 服务 器 
指定 安装 目录 

f aD: 

Apache Tomcat v6.0 
Toncat 安装 目录 四) : 


Ee Files igache Et Sons kine 6.0 


apache-toncat-6. 0.14 | FERTH T). . 


m: 
v| [Es mo] 


工作 台 缺 省 RE 


图 5-50 配置 好 的 服务 器 运行 时 界面 
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输入 过 小 器 文本 已 安装 服务 器 运行 时 环境 


" A 添加 、 除 去 或 编辑 已 安装 的 服务 器 运行 时 定义 。 
BData Nanagenent 已 安装 的 服务 器 运行 时 QD : 
E Install/Update 名 称 类 型 


ava 
Bi TeveSeript Ë Apache Tomcat v6.0 Apache Tomcat v6.0 
JPA 


E Remote Systens 
Service Policies 

由 -Tasks 

E Usage Data Collector 

di eb 

由 Web Service 

gg XDoclet 


验证 
由 运行“ 调试 
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图 5-51 配置 好 的 [运行 时 环境 ] 对 话 框 


5.4.3 相关 知识 拓展 


Eclipse 最 初 是 由 IBM 公司 开发 的 替代 商业 软件 Visual Age for Java 的 下 一 代 IDE JF 
发 环境 ,2001 年 11 月 贡献 给 开源 社区 ,现在 它 由 非 赢利 软件 供应 商 联盟 Eclipse 基金 会 
(Eclipse Foundation) 管 理 。 

Eclipse 是 著名 的 跨 平 台 的 自由 IDE(Integrated Development Environment, 集 成 开发 
环境 ) ,最 初 主要 用 于 Java 语言 开发 ,但 是 目前 也 有 人 通过 插件 使 其 作为 其 他 计算 机 语言 ， 
比如 C++ 和 Python 的 开发 工具 。Eclipse 的 本 身 只 是 一 个 框架 平台 ,但 是 众多 搬 件 的 支持 
使 得 Eclipse 拥有 其 他 功能 相对 固定 的 IDE 软件 很 难 具 有 的 灵活 性 。 许 多 软件 开发 商 以 
Eclipse 为 框架 开发 自己 的 IDE。 

虽然 大 多 数 用 户 很 乐于 将 Eclipse 当做 Java IDE 来 使 用 ,但 Eclipse 的 目标 不 仅 限于 
此 。Eclipse 还 包括 插件 开发 环境 (Plug-in Development Environment. PDE) ,这 个 组 件 主 
要 针对 希望 扩展 Eclipse 的 软件 开发 人 员 ,允许 他 们 构建 与 Eclipse 环境 无 颖 集成 的 工具 。 

Eclipse 的 设计 思想 是 “一 切 皆 为 插件 ”。Eclipse 核心 非常 小 ,其 他 功能 都 基于 此 核心 
做 成 插件 ,比如 Eclipse 的 图 形 API( 称 为 SWT/JFace) Java 开发 环境 插件 (简称 JDT) \ 插 
件 开发 环境 (简称 PDE) 等 。Eclipse 还 对 这 些 插件 的 协同 工作 提供 了 良好 的 支持 ,不 仅 安装 
简单 ,还 可 以 无 颖 结合 。Eclipse 的 体系 结构 如 图 5-52 所 示 。 

Eclipse 对 这 些 插件 是 动态 载 人 并 动态 调用 的 。Eclipse 启动 后 只 有 在 真正 用 到 某 个 揪 
件 时 ,该 插件 才 会 被 调和 内存, 当 该 插件 不 再 被 使 用 时 , 它 就 会 在 适当 的 时 候 被 清除 出 内 存 。 
因此 即使 装 了 一 大 堆 插 件 在 Eclipse 中 ,也 不 必 担 心 某 些 不 常用 的 插件 白白 消耗 内 存 。 

基于 Eclipse 的 应 用 程序 的 突出 例子 是 IBM 的 WebSphere Studio Workbench, © I 


> 
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Java 开 发 环 | 插件 开发 | 其 他 的 第 


境 插件 (JDT) 环境 (PDE) 三 方 插件 
Eclipse 图 形 界面 
CE f (workbench) 
JFace 
SWT 


Eclipse 核心 


工作 空间 (workspace) | 


运行 时 内 核 (runtime) 


图 5-52 Eclipse 的 体系 结构 


了 IBM Java 开发 工具 系列 的 基础 。 例 如 ,WebSphere Studio Application Developer 添加 了 
对 JSP,Servlet,EJB. XML, Web 服务 和 数据 库 访问 的 支持 。 


5.4.4 经 验 总 结 


Eclipse 是 用 Java 编写 的 ,所 以 它 的 运行 需要 Java 运行 环境 (Java Runtime 
Environment) 的 支持 , 故 在 安装 Eclipse 前 必须 先 安装 JDK; X} F J2EE 的 开发 必须 提供 运 
f1 J2EE 的 Web 应 用 服务 器 , 故 需 提 前 安装 Web 应 用 服务 器 ,如 Tomcat 服务 器 。 


5.5 重新 配置 Dreamweaver 站 点 


5.5.1 任务 描述 
构建 “新 闻 类 别 网 站 ”的 开发 环境 之 五 : 配置 Dreamweaver, 
5.5.2 任务 实现 


具体 操作 步骤 如 下 : 

(1) 重新 打开 Dreamweaver, 在 菜单 栏 中 依次 选 
摆 【 站 点 了 人 管理 站 点 了 命令 ,打开 【管理 站 点 】 对 话 框 ， | wem = 
如 图 5-53 所 示 。 AB... 

(2) 选中 在 第 4 章 建立 的 【KJSP 新 闻 系 统 ] 站 点 , 单 SAD. 
击 对 话 框 右 侧 的 【编辑 按钮 。 

(3) 弹出 如 图 5-54 所 示 的 【JSP 新 闻 系 统 的 站 点 
定义 为 】 对 话 框 , 在 【您 的 站 点 的 HTTP 地 址 (URL) 是 
什么 ?] 文 本 框 输入 “http://localhost: 8080/New/”， 
单 击 【 下 一 步 ] 按 钮 。 图 5-53 【管理 站 点 ] 对 话 框 


(m 


Sg... 


SA 


dili 
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Adobe Dreamweaver CS3 中 的 站 点 是 文件 和 文件 夹 的 集合 ， 它 对 应 于 服务 器 上 的 Web 站 


您 打算 为 作 的 站 点 起 什么 各 字 ? 


RPU: http://www. myHost. con/nySite 


加 果 想 使 用 FTP 或 RDS 直接 在 服务 器 上 操作 ， mizi 
接 仁 服 务 器 上 操作 时 ， 您 无 法 进行 站 点 范围 的 操作 ， 例 开 


上 一步 名 


图 5-54 设置 站 点 的 HTTP 地 址 


(4) 出 现 如 图 5-55 所 示 的 对 话 框 ,在 此 设置 站 点 使 用 的 服务 器 技术 ,由 于 我 们 要 使 用 


LIES MUOET E p 


悠 是 否 打算 使 用 服务 器 技术 ， 如 ColdFusion. ASP.NET, ASP. JSP 或 PHP? 


OT, 我 不 想 使 用 服务 器 技术 。@) 
名 是 ， 我 想 使 用 服务 器 技术 。 0) 


哪 种 服务 器 技术 ? QD 


< 上 一 步 @)] 医 一 步 中 取消 帮助 


图 5-55 设置 站 点 的 服务 器 技术 
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服务 器 端的 ISP 技术 来 进行 “新 闻 类 别 网 站 ”的 开发 ,所 以 选择 【是 ,我 想 使 用 服务 器 技术 】 
并 在 【 哪 种 服务 器 技术 ?中 选择 KJSP] 选 项 , 单 击 [下 一 步 ] 按 钮 。 

C5) 出 现 设 置 站 点 文件 存储 位 置 的 对 话 框 , 选 择 【 在 本 地 进行 编辑 和 测试 (我 的 测试 
服务 器 是 这 台 计 算 机 ?7 了 单 选 按钮 (根据 实际 需要 ,也 可 以 选择 另外 两 个 单 选 按钮 进行 相 
应 的 设置 ) ,并 在 【您 将 把 文件 存储 在 计算 机 上 的 什么 位 置 ?了 文本 框 中 输入 Tomcat 服务 
器 的 网 站 根 目 录 或 某 个 虚拟 目录 的 路 径 ,或 者 通过 单 击 文件 夹 图 标 来 选择 路 径 , 如 
图 5-56 所 示 。 


新 闻 系 统 的 站 点 定义 为 


SEX. 第 3 部 分 


在 开发 过 程 中 ,您 打算 如 何 使 用 您 的 文件 3 


@ 在 本 地 进行 编辑 和 测试 ( 我 的 测试 服务 器 是 这 台 计算 机 E) 
O 在 本 地 进行 编辑 ， 然 后 上 传 到 远程 调试 服务 器 (L) 
O 使 用 本 地 网 络 直接 在 远程 测试 服务 器 上 进行 编辑 QD 


您 格 把 文件 存储 在 计算 机 上 的 什么 位 置 ? 


[D: workspaceVWew WebContenti 


《< 上 一 步 @)] 区 一步 ml 让 [取消 RS | 
图 5-56 设置 站 点 文件 存储 位 置 


(6) 单 击 [下 一 步 ] 按 钮 ,出 现 如 图 5-57 所 示 的 测试 服务 器 URL 对 话 框 ,输入 站 点 根 文 
件 夹 的 URL ,并 单 击 【测试 URL] 按 钮 , 当 看 到 “URL 前 组 测试 已 成 功 ” 信 息 时 , 单 击 【确定 】 


按钮 以 关闭 弹出 的 对 话 框 。 
(7) 单 击 【 下 一 步 ] 按 钮 ,出现 如 图 5-58 所 示 的 远程 服务 器 设置 对 话 框 ,根据 实际 情况 
选择 下 列 选项 之 一 : 
。 如 果 编 辑 完 一 个 文件 后 ,要 把 该 文件 复制 到 另 一 台 计 算 机 ,可 选择 [是 的 ,我 要 使 用 
远程 服务 器 了 单 选 按钮 。 


* 如 果 不 使 用 远程 服务 器 ,可 选择 【和 否 了 单 选 按钮 。 

此 处 ,我 们 选择 【和 否 了 单 选 按钮 完成 设置 .然后 单 击 [ 下 一 步 ] 按 钮 。 

(8) 如 图 5-59 所 示 . Dreamweaver 列 出 站 点 的 设置 信息 ,核查 后 单 击 【 完 成 按钮 。 
(9) Dreamweaver 将 重新 建立 站 点 的 缓存 区 .使 上 述 设置 生效 ,如 图 5-60 所 示 。 
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EJ SES EGET drip 


Dreamweaver 使 用 HTTP 〈 如同 浏览 器 ) 与 您 的 测试 服务 器 进行 通信 ， 因 此 它 需要 知道 
您 站 点 的 根 文 件 来 的 VRL. 

您 应 该 使 用 什么 RL 来 浏览 站 点 的 根 目录 ? QD 

[http //1ocalhost:8080/New/ 

示例 ; http: //ServerÜne/RootFolder/ 


« 上 一 步 @)] (r-£a | 


测试 服务 器 URL 


编辑 完 一 个 文件 后 ， 是 否 格 该 文件 复制 到 另 一 台 计 算 机 中 ? 该 计算 机 可 能 是 您 与 团队 成 
员 共 享 的 生产 用 Web 服务 器 或 模拟 调试 服务 器 。 


名 是 的 ,我 要 使 用 远程 服务 器 W 
[orn 


LEED) [F— 0» »; 


图 5-58 远程 服务 器 设置 
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JSP 新 闻 系 统 的 站 点 定义 为 


您 的 站 点 包含 以 下 设置 


本 地 信息 - 
站 点 名 称 ;JSP 新 闻 系统 
EHRE: 0D:\workspace\New\WebContent\ 


程 信息 - 
ibid: 我 格 在 以 后 完成 此 设置 。 


测试 服务 器 : 
访问 : 本 地 /网 络 
Xii SE PE D: workspace ew WebContentV 


可 以 使 用 ' 高 级 ' 选项 卡 对 您 的 站 点 进行 进一步 配置 。 


EE-EG)[szsm )J( mih 帮助 | 


图 5-59 站 点 的 设置 信息 


您 的 站 点 包含 以 下 设置 


本 地 信息 : 
站 点 名 称 : JSP 新 闻 系统 
本 地 根 文件 


可 以 使 用 ' 高 级 ' 选项 卡 对 您 的 站 点 进行 进一步 配置 。 


区 上 一 步 @] [ses a» 


图 5-60 重新 建立 站 点 的 缓存 区 
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5.5.3 相关 知识 拓展 


Web 站 点 是 一 组 具有 共享 属性 (如 相关 主题 ,类似 的 设计 或 共同 目的 ) 的 链接 文档 和 资 
源 。Dreamweaver 是 创建 和 管理 站 点 的 工具 ,使 用 它 不 仅 可 以 创建 单独 的 文档 ,还 可 以 创 
建 完整 的 Web 站 点 。 

在 Dreamweaver 中 ,术语 “站 点 ” 指 属于 某 个 Web 站 点 的 文档 的 本 地 或 远程 存储 位 置 。 
Dreamweaver 站 点 提供 了 一 种 方法 ,利用 它 可 以 组 织 和 管理 站 点 所 有 的 Web 文档 、 将 站 点 
上 传 到 Web 服务 器 、 跟 踪 和 维护 网 页 链接 、 管 理 和 共享 文件 。 


BE 
若 要 定义 Dreamweaver 站 点 ,只 需 设置 一 个 本 地 文件 夹 。 但 若 要 向 Web 服务 器 传 
输 文件 或 开发 Web 应 用 程序 ,还 必须 添加 远程 站 点 和 测试 服务 器 信息 。 


5.5.4 经 验 总 结 


1. 应 用 程序 服务 器 


应 用 程序 服务 器 是 一 种 软件 ,用 来 帮助 Web 服务 器 处 理 动 态 页 。 选 择 应 用 程序 服务 器 
时 ,应 该 考虑 多 种 因素 ,包括 预算 、 要 使 用 的 服务 器 技术 (ColdFusion、ASP. NET, ASP, JSP 
或 PHP) 以 及 Web 服务 器 的 类 型 。 

应 用 程序 服务 器 使 用 不 同 的 服务 器 技术 。Dreamweaver 支持 五 种 服务 器 技术 : 
ColdFusion、ASP. NET, ASP,JSP 和 PHP。 表 5-2 列 出 了 可 用 于 Dreamweaver 支持 的 五 
种 服务 器 技术 的 常见 应 用 程序 服务 器 。 


表 5-2 支持 不 同 服务 器 技术 的 应 用 程序 服务 器 


服务 器 技术 服 务 器 
ColdFusion Macromedia ColdFusion MX 7 
ASP. NET 具有 .NET 框架 的 Microsoft IIS 6 
ASP Microsoft IIS Sun ONE Active Server Page 
JSP Macromedia JRun Apache Tomcat 
PHP PHP 服务 器 
a EX 


确保 应 用 程序 服务 器 可 以 和 Web 服务 器 配合 使 用 。 例 如 ,. NET 框架 只 能 和 IIS 5 
或 更 高 版 本 一 起 使 用 。 


2. Dreamweaver 站 点 中 设置 连接 远程 服务 器 的 方式 
Dreamweaver 站 点 中 设置 连接 远程 服务 器 的 方式 有 : 无 .FTP、 本 地 /网 络 、WebDAV 、 


ey 


(Gig 
OP 


i 
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RDS, SourceSafe(R) 数 据 库 六 种 ,可 根据 具体 的 情况 选择 ,不 同 选择 的 设置 也 不 同 , 要 仔细 
揣摩 。 


5.6 测试 搭建 的 开发 环境 
5.6.1 任务 描述 
构建 “新 闻 类 别 网 站 ”的 开发 环境 之 六 : 测试 搭建 的 开发 环境 。 
5.6.2 任务 实现 


按照 上 面 的 步骤 搭建 了 开发 环境 后 ,要 对 搭建 好 的 环境 进行 全 面 的 测试 ,以 确保 开发 环 
境 的 正常 运行 。 这 一 步 是 很 重要 的 ,由 于 在 搭建 的 过 程 中 可 能 会 有 一 些 设置 没有 考虑 到 或 
者 设置 不 正确 ,导致 留 下 潜在 的 隐患 ,这 些 隐患 可 能 会 在 我 们 实际 开发 的 时 候 爆 发 。 具 体 的 
环境 测试 分 为 三 个 任务 来 完成 。 
任务 1 新 建 Web 项 目 并 进行 设置 
任务 2 Æ JSP 文件 并 运行 
任务 3 新建 Servlet 文件 并 运行 
任务 1: 新 建 Web 项 目 并 进行 设置 
具体 操作 步骤 如 下 : 
A) 在 汉化 了 的 Eclipse 软件 中 将 “欢迎 界面 > 关 掉 后 ,出 现 J2EE 开发 界面 ,如 图 5-61 
所 示 。 


ERU 一 Eclipse 平台 回回 四 
文件 外 BO) MEW Search MAO FTA SOW MHW 
n-HSG:it*t-o-q«- G-6-:5053-:9:2 E [s9 m | 


S D(Ss XR zs 
| KB 不 可 用 。 


区 zone 227 É Tasks| [CI Propert | d Servers lf Data So [E Snippet | Ta) 
0 ! i " PE 


e 


p 资源 路 径 


图 5-61 J2EE 开发 界面 
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(2) 依次 选择 菜单 【文件 了 民 新 建 ] 区 Dynamic Web Project] 命 令 , 打 开 New Dynamic 
Web Project 对 话 框 ,如 图 5-62 所 示 。 


É New Dynamic Web Project 


Dynamic Web Project 
Create a standalone Dynamic Web project or add it to a new or existing Enterprise Application. 


Project nane: [Test 


Project contents 
Use default 


Target Runtime 


Apache Tomcat v6.0 


Dynamic Web Module 版 本 
配置 
Apache Tomcat v6. ORO Go EE M | [Modi fy. 


A good starting point for working with Apache Tomcat v6.0 runtime. Additional facets can later be installed to add new 
functionality to the project. 


EAR 成 员 资格 
将 项 目 泌 加 至 EAR 


EAR MAZ: [TestEAR 


E—:5 Q T-5a» ] Caro ] 取消 


图 5-62 [New Dynamic Web Project] 对 话 框 


(3) 如 图 5-62 所 示 , 在 弹出 的 【New Dynamic Web Project】 对 话 框 中 , 单 击 【Project 
name】 文 本 框 ,输入 Web 项目 名 称 “Test”; 从 【Target Runtime】 列 表 框 中 选择 已 有 的 服务 
器 ,如 Apache Tomcat v6.0, 或 者 单 击 [New] 按 钮 来 新 建 服务 器 。 

(4) 然后 一 直 单 击 【 下 一 步 3 按 钮 ,直到 最 后 单 击 【 完 成 3 按钮 ,就 完成 了 一 个 Web 项 目 
的 创建 ,如 图 5-63 所 示 。 

任务 2: 新 建 JSP 文件 并 运行 

具体 操作 步骤 如 下 : 

(1) 在 Eclipse 界面 左 侧 的 【项 目 资源 管理 器 〗 上 “ 右 击 ? 并 选择 新 建 的 Web 项 目 
“Test”, 再 选择 快捷 菜单 中 的 [新 建站 JSP 命令。 

(2) 如 图 5-64 所 示 ,在 弹出 的 【新建 Java Server 页 】 对 话 框 中 ,在 [文件 名 ] 文 本 框 中 输 
人 人 “Default”, 单 击 【 下 一 步 3 按 钮 ,直到 单 击 【完成 3 按钮 。 

(3) Eclipse 自动 打开 刚刚 新 建 的 Default. jsp 文件 ,如 图 5-65 所 示 , 在 右 侧 的 工作 区 中 
输入 相应 的 JSP 代码 并 保存 。 

(4) 在 Eclipse 界面 左 侧 的 “项 目 资源 管理 器 ”中 右 击 鼠标 并 选择 新 建 的 Default. jsp X 
件 , 在 快捷 菜单 中 再 选择 【运行 方式 3】I【 在 服务 器 上 运行 3 命令 ,如 图 5-66 所 示 。 
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£-J2EE 一 Eclipse 平台 
文件 FE) 编辑 区 ) WEW Serch MAO FTA FOW 帮助 0 
in SiH 0- Q- G-e-ic 


eg" 


CE 
国 Èa Deployment Descriptor: Test 


Hi OB Java Resources: src 
SS build 

I BE WebContent 

Gi BÀ JavaScript Support 


| 区 Probes 2 
项 


| mb ^ 资源 


项 目 建成 后 的 Eclipse 界面 


E 新 建 JavaServer 页 


JavaServer 页 
创建 新 的 JavaServer 页 。 


输入 或 选择 父 文件 夹 于) ; 
Test/WebContent 


iz 
B ES Test 
© . settings 
iB (E build 
© src 
由 ES WebContent. 


XE QU: [Defanlt 


TRO 2» 


下 一 步 D>》 


图 5-64 【新 建 Java Server 页 对 话 框 
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J2EE — Iest/WebContent/Default. jsp 一 Eclipse 平台 


文件 中) REO 源 EUD MEW Serch MAO FTA SOW HHW 


irB-Ei* 0-A 


i8-9l-oo- 


G-6-:0045-:9:2 


ES [s ze | 


Qo 项 目 资源 管理 器 X 


& E Test 
E È Deployment Descriptor: Test 
-ÊS Java Resources: sre 
B© build 
E WebContent 
Gi E JavaScript Support 


Pp 
sií;eacmNmis 


J2EE 一 Test/WebContent/Default. jsp 一 Eclipse 平台 


<sB page language-"java" contentType-"text/html; che 
pageEncoding-"IS0-8859-1"i» 

«!DOCTYPE html PUBLIC "-//U3C//DTD HTML 4.01 Transit 

«html» 

<head> 

«meta http-equive"Content-Type" content="text/html; 

«title»Insert title herec/title» 


</html> 


图 5-65 编辑 Default. jsp 


文件 中 BOO MEW Serch MAO FFA SOW 8500 


*:-0-q- 


Qo 


ZUM [B Default. jsp H 


B E Test 
E Dg Deployment Descriptor: Test 
EÈ Java Resou 
C bild mew 
HFW 


BE YebContent 
B- META- — 173055500 


i Bh JavaScript 


X BED 


G-6-i02054-i9:2 f$ [st ze | 


«38 page language-"java" contentType-"text/nhtml; che 
pageEncodinge"IS0-8859-1"* 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit 

chtmls 


» 


bntent-Type" contente"text/html; 
herec/title» 


r3 
» 


Ctrl+C 


Delete 


sane 


图 5- 


调试 方式 @) 


ie 


ü 


» 


话 行 Fnfi emrati ans (NY 


66 ”对 Default. jsp 进行 运行 选择 
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(5) 为 当前 运行 的 JSP 页 面 配置 服务 器 运行 时 ,如 果 没 有 ,可 以 单 击 【添加 新建 服务 器 
运行 时 ,如 图 5-67 所 示 ,最 后 单 击 【完成 按钮 。 


E 在 服务 器 上 运行 


在 服务 器 上 运行 
选择 要 使 用 的 服务 器 


想 要 各 何 选择 此 服务 器 ? 
选择 一 个 x 
加 手工 定义 一 个 新 服务 器 W 
服务 器 主机 名 W : [scslhost 


JERIREBESE E) : 
(Sc 


B Toce v3.2 服务 器 
B Toce V4.0 服务 器 
B Tomcat V4. 1 服务 器 
B Tomcat v5.0 服务 器 
B Tomcat v5.5 服务 器 


E-S JBoss 
将 J2EE 和 Java EE Yeb 项 目 和 服务 器 配置 发 布 至 本 地 Toncat 服务 器 并 在 访 服 务 器 上 运行 它们 , 


服务 器 名 称 eat v6.0 IRE 0 loealhoat 
服务 器 运行 时 QD: [s 


口 将 服务 器 设置 为 项 目 缺 省 值 ( 请 不 要 再 次 询问 W 


T-5a» J[ x&o jJ 


图 5-67 选择 服务 器 运行 时 
(6) Eclipse 运行 服务 器 ,并 显示 运行 结果 .如 图 5-68 所 示 。 


E J2EE 一 http://localhost:8080/Test/Default. jsp 一 Eclipse 平台 
HFE WEE WEW Search USB QD 运行 @) SOW MHW 
ri- i*-0-Q- iG-6-im204-:9:2 E [s sore 
E-$-*9o- 
局 项 目 资源 管理 器 23 OI Default. jsp 


Bl D [http://localhost:8080/Test/Default. jsp 


aË Test 
E Èu Deployment Descriptor: Test 
由 ÈS Java Resources: sre 
四 build 
B S WebContent. 
iS (E META-INF 
S- WEB-INF 
[E] Default. jsp 
困 BÀ JavaScript Support 
a uo 服务 器 


class org apache. jsp Default, jsp. 


田 目 Tencat v6.0 服务 器 e local E 已 启动 


图 5-68 Default. jsp 运行 后 的 结果 
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任务 3: 新 建 Servlet 文件 并 运行 

具体 操作 步骤 如 下 : 

(D) 在 Eclipse 界面 左 侧 的 【项 目 资源 管理 器 】 中 右 
在 快捷 菜单 中 再 选择 【新 建 ]KServlet 命 令 。 

(2) 如 图 5-69 所 示 ,在 弹出 的 【Create Servlet】 对 话 框 中 ,在 [Class name]】 文 本 框 中 输入 
“TestServlet”, 单 击 【下 一 步 ] 按 钮 ,直到 单 击 【[ 完 成] 按钮 。 


并 选择 新 建 的 Web 项 目 “Test”， 


Create Servlet 
Specify class file destination. 


Web project: [Test 


Source folder: [\Test\sre 


Java package: 


Class name: 


Superclass: — [javax. servlet. http. NttpServlet 


[Use an existing Servlet class or JSP 


TestServlet 


T—5 00» 


图 5-69 [Create Servlet] 对 话 框 


G) 如 图 5-70 所 示 , Eclipse 自动 打开 刚刚 新 建 的 Servlet 文件 ,在 右 侧 的 工作 区 中 输入 
相关 的 Servlet 代码 并 保存 。 


E J2EE Test/src/TestServlet. java Eclipse 平台 
文件 全 dB BBO EHD WEW HEO MAO FTA SOW 8500 
ebd à i*-0-QqQ-:08-6-:004-:$[54v:9:4 
i93p-90-*e o7 
(t 项 目 资源 管理 器 c COCEpmefentiss [Q Insert title here 

日 


[rre see HttpServletfidoGet (HttpServletRequest request, 


HE Deployment Descriptor: Test 

& 8 Jora Resources: src Sitected void doGet(HttpServletRequest request, Http: 
S8 Ee) response.setContentType ("text/html"); 

由 D TextSeviet. jwa final PrintWriter out = response.getWriter(); 
8) BÀ Libraries .println("«!DOCTYPE HTML PUBLIC V"-//U3C//DTD 

CR build -println("cHTML»"); 

B C» Yebcontent .println(" <HEAD><TITLE> Servlet "4request.g: 
8 C» META-INF -printin(" <BODY>"); J 
日 FEB-INF .print("” This is "); 

& lib -print(this.getClass()); 
国 web. xal .println(", using the "4request.getMethod() "|; 
E) Default. jsp .printin(" </BODY>"); 
四 -可 JavaScript Support -println("c/HTML»"); 
由 ws 服务 器 .flush(); 


.close(); ) 


HttpServietfdoPost(HttpServletRequest request M 
3i 


ie annm 


图 5-70 编辑 Servlet 
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(4) 在 Eclipse 界面 左 侧 的 【项 目 资源 管理 器 】 中 右 击 并 选择 新 建 的 Servlet 文件 ,在 快 
捷 菜单 中 依次 选择 【运行 方式 】I【 在 服务 器 上 运行 命令, 如 图 5-71 所 示 。 


E J2EE 一 Test/src/TestServlet- java — Eclipse 平台 

文件 四 SE WBO HO 浏览 四 搜索 局) MA FFY 窗口 中 帮助 0 
ri *-0-Q-:G-6- 
H- e TI 


í Ja | ”打开 类 型 层次 结构 M | TB TestServlet. java 2 
Qj EMWEPERO — nessuna » nns 
= mro E 


S E rec 打开 方式 中 > Request request, HttpSer 
由 入 Deployment Descriptc m q . P 
SS Java Resources: src | EAO Ctrl+C 

S cd: Ba 复制 限定 名 b 
ze D O Ctrlty in; | 
其 No Delete geturiter(); la 

E £ * è E V"-//W3C//DTD HTML 4.0 | 


eos- 


5t request, HttpServletR 
由 Bh Libraries 
© build 
日 YebContent 1 * 
Hi C META-INF 构建 路 径 @) , : 
由 (Co WEB-INF 源 代码 G) 如 ttShi ft+S De mm tt 
B Defeat. jsp EHD ttShiftHT | 
8) gh JavaScript Support 


ia 导入 I) 
* 区 服务 器 wr E.getMethod()*" method") 


essi 


sme 
A98 


€ 


ne TestServlet. jay 
概要 分 析 方 式 E) 
s[ 80mm ur 


图 5-71. 对 Servlet 进行 运行 方式 的 选择 


(5) 为 当前 运行 的 Servlet 文件 配置 服务 器 运行 时 ,由 于 前 面 运行 JSP 时 已 经 配置 了 服 
务 器 运行 时 ,在 此 只 需 选 择 一 个 现 有 的 服务 器 就 可 以 了 ,如 图 5-72 所 示 。 


E 在 服务 器 上 运行 


在 服务 器 上 运行 
选择 要 使 用 的 服务 器 


想 要 如 何 选择 此 服务 器 了 
© TARZ 
人 手工 定义 一 个 新 服务 器 QD 
选择 想 要 使 用 的 服务 器 : 
输入 过 滤器 文本 


日 © localhost 
E Tomcat v6.0 服务 器 @ localhost B 已 启动 


Apache Tomcat V6.0 支持 J2EE 1.2. 1.3 和 1.4 ,和 java EE 5 Web 模块 。 


将 服务 器 设置 为 项 目 缺 省 值 ( 请 不 要 再 次 询问 ) Q) 


图 5-72 选择 一 个 现 有 的 服务 器 
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(6) Eclipse 运行 服务 器 并 显示 运行 结果 ,如 图 5-73 所 示 。 


Xt) mo ETT BRW "ERO 运行 @) 窗口 如 帮助 0D 


i$- 0- Q7 B-C- OOF- 90: 
por 


侠 A servlet_GET |G 没有 可 以 显示 的 页 面 2N”: 


o Bl P [http://1ocalhost:8080/Test/TestServlet 


SE Test 


E Default. jsp 
6B JavaScript Support 


E a Deployment Descriptor: Test This is class TestServlet, using the GET method 
日 .中 Java Resources: src 
EB MES 
田 [J] TestServlet. java. 
8) BÀ Libraries 
外 build 
BB YebCentent 
-© WETA-INF 
E C» YEB-INF 


E Prob (AtS D IBI [m e TS E 片段 


© lib 
因 web. xml 


er startup in 1541 ms 


图 5-73 Servlet 运行 后 的 结果 


5.6.3 相关 知识 拓展 


Eclipse 未 来 的 目标 不 仅仅 是 成 为 专门 开发 Java 程序 的 IDE 环境 。 根 据 Eclipse 的 体 


系 结构 ,通过 


发 插件 , 它 能 扩展 到 支持 任何 软件 开发 语言 ,甚至 能 成 为 图 片 绘制 的 工具 。 


目前 ,Eclipse 已 经 开始 提供 C 语言 开发 的 功能 插件 。 更 难能可贵 的 是 ,Eclipse 是 一 个 开放 
源 代 码 的 项 目 , 任 何人 都 可 以 下 载 Eclipse 的 源 代码 ,并 可 以 在 此 基础 上 开发 自己 的 功能 插 
件 。 也 就 是 说 未 来 只 要 有 人 需要 ,就 会 有 建立 在 Eclipse 之 上 的 COBOL, Perl, Python 等 语 
言 的 开发 插件 出 现 。 同 时 可 以 通过 开发 新 的 插件 扩展 现 有 插件 的 功能 ,比如 可 以 在 现 有 的 
Java 开发 环境 中 加 入 Tomcat 服务 器 插件 。Eclipse 可 以 无 限 扩展 ,而 且 有 着 统一 的 外 观 、 
操作 和 系统 资源 管理 ,这 正 是 Eclipse 的 潜力 所 在 。 值 得 一 提 的 是 ,Eclipse 项 目的 参与 者 除 


T IBM 以 外 ， 


还 有 像 Borland, Rational Software, RedHat 和 Merant 等 一 大 批 业界 的 佼佼 


者 ,这 也 为 Eclipse 的 未 来 莫 定 了 良好 的 基础 。 


5.6.4 经 验 总 结 


1. workspace 的 优点 之 一 


所 有 使 用 Eclipse 的 人 最 先 接触 的 就 是 workspace, 因 为 运行 Eclipse 最 先 就 要 设 定 
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workspace 的 位 置 ,那么 什么 是 Eclipse 的 workspace 呢 ? workspace 的 好 处 又 是 什么 呢 ? 
下 面 先 看 一 个 例子 。 

打开 Eclipse, 新 建 一 个 Java 的 Project( 项 目 )。 单 击 下 一 步 , 输 入 Test01 作为 工程 名 
FK, Contents 的 配置 默认 是 : Create new project in workspace, 此 处 不 用 修改 ,直接 单 击 【 完 
成 3 按钮 。 
再 新 建 一 个 Java 的 Project。 单 击 【 下 一 步 3 按 钮 ,输入 Test02 作为 工程 名 称 , 这 一 次 修 
改 Contents 的 配置 为 : Create project from existing source, 任 意 输 入 一 个 想 存 放 工 程 的 目 
录 ( 例 如 C: NTesto2) ,然后 单 击 【 完 成 按钮 。 

关闭 Eclipse, 将 workspace 和 Test02 的 工程 文件 夹 都 移动 到 其 他 位 置 ,然后 再 次 打开 
Eclipse, 选 择 workspace 的 时 候 浏 览 到 移动 后 的 workspace. fifi Test01 工程 和 Test02 T. 
程 ,是 不 是 发 现 Test01 还 是 正常 的 ,而 Test02 却 不 能 打开 了 ? 也 就 是 说 放置 在 workspace 
中 的 工程 是 用 相对 路 径 保存 工程 信息 ,不论 如 何 移动 workspace 都 能 正常 工作 。 

很 多 人 都 使 用 共享 工程 文件 夹 的 方式 来 共享 工程 ,而 每 个 人 放置 工程 的 文件 夹 都 不 同 ， 
每 个 人 都 需要 修改 工程 信息 才能 工作 ,又 或 者 想 整理 自己 的 工程 需要 移动 工程 的 位 置 ,处 理 
起 来 非常 麻烦 ,都 是 因为 没有 理解 workspae 的 好 处 。 


2. workspace 的 优点 之 二 


新 建 一 个 General 的 Project ,名称 为 jars。 然 后 在 这 个 工程 里 面 放置 几 个 工程 公用 的 
jar 文件 (例如 xxx. jar)。 假 如 前 面 的 Test01 工程 需要 导入 xxx. jar 这 个 包 , 那 么 单 击 
Test01 工程 的 [Properties】 .选择 【Java Build Path]! [Librares]. Pi [Add JARs】 ,选择 
“jars” 目 录 里 面 的 “xxx. jar”。 同 样 的 道理 ,这 种 方式 引用 的 jar 也 是 使 用 的 workspace 相对 
路 径 , 以 后 不 论 怎么 移动 workspace 文件 夹 ,工程 配置 都 不 用 变化 。 

Eclipse 中 有 很 多 配置 都 是 可 以 使 用 workspace 路 径 的 。 


5.7 & 训 


按照 本 章 所 述 内 容 ,为 新闻 类 别 网 站 ”配置 好 开发 环境 。 
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JSP 是 Java Server pages 的 缩写 ,是 Web 动态 网 站 开发 的 主流 技术 。 动 态 网 站 技术 有 
CGI, ASP,PHP,JSP 等 多 种 ,而 JSP 基于 Java 语言 ,具有 跨 平台 性 、 可 重用 性 、 运 行 效率 高 、 
上 和 手 容 易 等 优点 ,因此 备 受 用 户 和 软件 开发 者 的 青睐 。 本 章 主 要 介绍 JSP 的 基本 知识 , 包 
括 JSP 页 面 结构 Java 语言 JSP 语法 JSP 内 置 对 象 等 。 


6.1 JSP 的 基本 结构 


d 知识 储备 

JSP 页 面 程序 是 在 HTML 代码 之 中 嵌入 Java 代码 ,所 以 在 JSP 页 面 中 包括 两 种 主要 
内 容 ; 一 是 HTML 语言 ,是 静态 的 内 容 ; 二 是 Java 程序 及 其 相关 元 素 ,是 动态 的 内 容 。 

Java 程序 及 其 相关 元 素 主 要 包括 Java 脚本 元 素 、JSP 指令 和 JSP 动作 。Java 脚本 元 素 
包括 JSP 表达 式 、 变 量 和 方法 的 声明 以 及 Java i$ 6j. JSP 指令 用 于 告诉 JSP 的 Web 引擎 
(如 Tomcat) 需 要 在 编译 时 执行 的 操作 ,如 引入 其 他 的 类 ,设置 页 面 编码 方式 等 。JSP 动作 
是 JSP 页 面 被 请 求 时 动态 执行 的 操作 ,如 根据 某 个 条 件 跳 转 到 另外 一 个 页 面 等 。 

Æ HTML 中 插入 Java 程序 代码 ,需要 把 代码 写 在 “一 外 ”和 “外 二 ”之 间 。JSP 文件 的 
扩展 名 为 .jsp。JSP 文件 要 放 到 Web 服务 器 上 ,然后 通过 HTTP 的 方式 访问 。 

JSP 页 面 被 访问 时 ,页 面 中 动态 的 内 容 将 由 服务 器 负责 执行 ,并 把 执行 结果 转变 为 字符 
串 ,然后 把 这 些 结果 和 静态 内 容 一 起 交 给 客户 端的 浏览 器 显示 出 来 。 

为 了 增强 程序 的 可 读 性 ,可 以 在 JSP 程序 中 加 入 注释 。JSP 程序 中 的 注释 可 分 为 两 种 : 
HTML 注释 和 JSP 注释。 

1. HTML 注释 

放 在 符号 “一 ! ht- dq AXE HTML 注释 ,其 格式 如 下 : 


<!-- 注 释 内 容 --> 


JSP 不 解释 HTML 注释 ,而 是 直接 把 它 交 给 客户 端的 浏览 器 。 因 此 ,这 种 注释 在 浏览 
器 中 直接 查看 JSP 源 文件 时 可 以 看 到 。 
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2. JSP 注释 

JSP 注释 的 方法 有 以 下 四 种 ,格式 分 别 如 下 : 

<$- -注释 内 容 --$%> 

<$// 注 释 内 容 $> 

<%/* 注 释 内 容 * /%> 

<%$/* * 注释 内 容 * /$%> 

第 一 种 注释 称 为 隐藏 注释 , 写 在 JSP 程序 中 ,但 并 不 发 送 给 客户 端 。 后 三 种 是 Java 语 
言 的 注释 方式 ,分 别 为 单行 注释 、 多 行 注释 和 doc 注释 。 


6.1.1 任务 描述 
实现 第 一 个 简单 的 JSP 页 面 ,在 浏览 器 上 显示 “用 户 登录 成 功 ” 的 信息 。 
6.1.2 任务 实现 


具体 操作 步骤 如 下 : 

COD 新 建 项 目 。 打 开 Eclipse, 新 建 Web 项 目 Test, 

(2) 新 建 JSP 文件 。 选 中 项 目 Test, 新 建 JSP 文件 ,文件 名 为 admin_success. jsp。 

(3) 编辑 JSP 文件 。 在 该 文件 的 编辑 窗口 中 ,输入 如 程序 6-1 所 示 的 代码 ,保存 文件 。 

【程序 6-1】 admin success. jsp 文件 代码 

Example Source Code: 

<% Gpage contentType- "text/html;charset- gb2312"$ > 

<html> 

<head> 

«title» 登录 成 功 页 面 < /title> 

</head> 

<body> 

<% 

// 向 浏览 器 输出 要 显示 的 内 容 

out.println(" 用 户 登 录 成 功 ") ; 

$a 

< /body> 

</html> 

(4) 部 署 Web 项 目 。 选 中 项 目 Test, 部 署 到 Tomcat 的 webapps 目录 下 ,并 启动 
Tomcat 服务 器 。 

(5) 浏览 JSP 网 页 。 打开 IE 浏览 器 ,在 地 址 栏 中 输入 http://localhost: 8080/Test/ 
admin_success. jsp, 则 可 以 看 到 运行 结果 ,如 图 6-1 所 示 。 

代码 说 明 : 

JSP 页 面 中 包括 二 html> , <head>, title fll body 4$ HTML 标记 。 

Java f£ FF [CRI JH * — 26" JI 24 2 " ERK out. println 语句 用 来 向 浏览 器 输出 要 显示 的 
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€ ssukIWB - Windows Internet Explorer 
Go -B htto:/flecalbost:eore || 4s [x] [Live Search 
文件 (E) RO SEV KERA IAV 帮助 (H) 


用 户 登 录 成 功 


内 容 ,“//” 注 释 是 单行 注释 。 
为 了 在 JSP 页 面 中 支持 中 文 显示 ,在 开头 加 了 如 下 语句 : 


< % @page contentType- "text/html;charset- gb2312"$ > 


6.1.3 相关 知识 拓展 


常见 的 网 络 计算 模式 有 C/S 模式 和 B/S 模式 。 

C/S(Client/Server) 是 客户 /服务 器 模式 ,其 工作 分 别 由 服务 器 和 客户 机 完成 。 服 务 器 
负责 管理 数据 库 的 访问 ,通常 采用 高 性 能 的 PC 工作 站 或 小 型 机 ,并 采用 大 型 数据 库 系统 ， 
如 Oracle, Sybase, Informix 或 SQL Server。 客 户 机 需要 安装 专用 的 客户 端 软件 ,负责 与 用 
户 的 交互 和 对 服务 器 的 请 求 。 最 简单 的 C/S 模式 应 用 由 两 部 分 组 成 ,客户 应 用 程序 和 数据 
库 服务 器 程序 ,又 分 别称 为 前 台 程 序 和 后 台 程 序 。 

B/S(Brower/Server) 是 浏览 器 /服务 器 模式 ,客户 机 上 只 需要 安装 浏览 器 ,如 Netscape 
或 下 ,通过 浏览 器 向 Web 服务 器 发 出 请 求 .由 Web 服务 器 对 数据 库 进行 操作 ,并 将 结果 返 
回 给 客户 端 。B/S 模式 简化 了 客户 机 的 工作 ,事务 逻辑 处 理 全 部 在 服务 器 端 进行 。 

HH EE ÉX TI FT o C/S 模式 的 优点 是 能 充分 发 挥 客户 端 PC 的 处 理 能 力 , 响 应 速度 快 , 安 全 
性 高 ;而 B/S 模式 的 优点 是 客户 端 无 须 安装 专门 的 软件 , 易 维护 、 易 扩展 。 随 着 Internet 逐 
步 走 进 和 人 们 的 日 常生 活 , 客 户 简便 化 的 使 用 要 求 使 得 B/S 比 C/S 更 具有 发 展 优势 。JSP 就 
是 B/S 模式 下 的 一 种 开发 技术 。 


6.1.4 经 验 总 结 


程序 员 在 程序 中 添加 注释 是 一 个 良好 的 习惯 ,在 平时 学 习 和 实践 时 要 注意 培养 这 一 习 
惯 。 注 释 可 以 提高 程序 的 可 读 性 ,方便 程序 编写 方便 相互 交流 。 另 外 ,注释 在 调试 程序 中 
也 特别 有 用 ,比如 在 调试 一 段 程序 的 其 中 几 行 程序 时 ,可 以 把 其 他 的 程序 放 人 注释 中 ,这 样 
JSP 引擎 就 不 会 编译 它 ,使 程序 只 运行 正在 调试 的 程序 段 ,提高 暴露 错误 的 概率 ,这 是 一 种 


很 常用 的 程序 调试 方法 。 
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6.2 Jaa 语言 介绍 


和 知识 储备 

要 学 好 JSP 程序 开发 ,必须 了 解 Java 语言 。Java 语言 是 一 种 面向 对 象 的 语言 ,是 JSP 
的 脚本 编程 语言 。 下 面 介绍 常用 的 Java 编程 基础 知识 。 

1. 数据 类 型 

Java 的 数据 类 型 可 分 为 两 种 : 简单 数据 类 型 和 引用 数据 类 型 。 简 单数 据 类 型 包括 整 
型 、 实 型 ,布尔 型 、 字符 型 ,引用 数据 类 型 包括 数组 、 类 、 接 口 。 

Java 的 简单 数据 类 型 如 表 6-1 所 示 。 


表 6-1 Java 的 简单 数据 类 型 
简单 数据 类 型 类 型 含义 所 占 空 间 简单 数据 类 型 类 型 含义 所 占 空间 


byte 字 节 型 1 字 节 boolean 布尔 型 1 位 

short 短 整 型 2 字 节 char 字符 型 2 字 节 

int 整 型 AS float 单 精度 实 型 4 字 节 

long 长 整 型 8 字 节 double 双 精 度 实 型 8 字 节 
(1) 常量 与 变量 


常量 是 在 程序 运行 过 程 中 其 值 不 变 的 量 。 常 量 区 分 为 不 同类 型 ,如 整 型 常量 12, 实 型 
常量 12,3, 字 符 常量 'a', 布 尔 常量 true, 字 符 串 常量 "Hello" 。 

变量 是 用 来 存放 指定 类 型 数据 的 量 , 其 值 在 程序 运行 过 程 中 是 可 变 的 。 变 量 声 明 的 一 
般 格式 如 下 : 


< 数据 类 型 > ”< 变量 名 >=< 变 量 值 > ; 
【 例 6-1] 变量 定义 示例 


int i-1; 

double x-123.45; 

boolean b-true; 

(2) 整 型 数据 

Java 整 型 数据 多 为 十 进 制 形式 ,也 可 为 八进制 或 十 六 进 制 形式 ,八进制 以 O 开头 ,十 六 
进 制 以 Ox 开头 。Java 中 整数 默认 是 int 型 ,如 果 为 长 整 型 数 , 需 在 数据 后 加 字母 1 或 工 。 

整 型 变量 有 4 种 类 型 : byte;short,int 和 long。 最 常用 的 是 int 类 型 ,可 满足 大 多 数 场 
合 应 用 的 需要 ,如 果 需 要 更 大 的 整数 ,可 以 使 用 long 类 型 。 

(3) 实 型 数据 

实 型 数据 用 十 进 制 形式 表示 ,由 数字 和 人 小数点 组 成 ,如 123. 45。 也 可 以 用 科学 计数 法 
形式 表示 ,如 1.2345E2。 实 型 数据 默认 是 double 类 型 .加 ff 或 下 为 float 类 型 。 

实 型 变量 可 分 为 float 和 double 两 种 类 型 。float 为 单 精度 实 型 ,double 为 双 精 度 实 型 ， 
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double 类 型 比 float 类 型 表示 数据 的 精度 更 高 ,表示 数据 的 范围 更 大 。 

(4) 字符 型 数据 

字符 型 常量 是 用 单 引 号 括 起 来 的 一 个 字符 ,如 'A'\' 好 '。 

字符 型 变量 为 char 类 型 ,如 char ch='A', 

Java 中 有 一 些 字符 以 反 斜 杠 (\) 开 头 , 反 斜 杠 将 其 后 面 的 字符 转变 为 另外 的 含义 , 称 为 
转 义 字符 。 常 用 的 转 义 字符 如 表 6-2 所 示 。 


表 6-2 Java 的 转 义 字符 


转 义 字符 & xXx 转 义 字符 & x 
M Tab( 制 表 ) V 单 引号 
\n 换行 y 双 引 号 
E 回 车 Ww EAM 
\b 退 格 
(5) 布尔 型 数据 


布尔 型 常量 只 有 两 个 : true 和 false, 分 别 表示 逻辑 真 和 逻辑 假 。 

布尔 型 变量 为 boolean 类 型 , 取 值 为 true 或 false。 

2. 运算 符 与 表达 式 

运算 符 可 以 用 来 处 理 数 据 , 运 算 符 与 操作 数组 成 的 式 子 称 为 表达 式 。 常 用 的 运算 符 有 
算术 运算 符 、 赋 值 运算 符 、 关 系 运算 符 和 带 辑 运算 符 等 。 

(1) 算术 运算 符 

算术 运算 符 完成 算术 运算 功能 ,包括 十 、 一 、* 、/、%\ 十 十 、 等 运算 符 。 算 术 运算 符 
如 表 6-3 所 示 。 


表 6-3 算术 运算 符 

运 算 符 名 — FW 说 明 举 例 

十 加 法 运算 符 求 两 个 数 的 和 5 十 3 等 于 8 

减法 运算 符 求 两 个 数 的 差 5—34&T 2 

x 乘法 运算 符 求 两 个 数 的 乘积 5x*3 等 于 15 

$ 除法 运算 符 求 两 个 数 的 商 5/34 T 1 

% 求 余 运算 符 求 两 个 数 相 除 的 余数 5%3 等 于 2 

dd 自 增 运算 符 使 变量 的 值 自 增 1 i 十 十 等 价 于 i 一 i 十 1 

= 自 减 运算 符 使 变量 的 值 自 减 1 i 一 一 等 价 于 i=i 一 1 
(2) 赋值 运算 符 


赋值 运算 符 完成 给 变量 提供 数据 的 功能 ,“ 二 ”号 是 赋值 运算 符 。 
赋值 表达 式 的 一 般 形式 为 : 变量 一 表达 式 。 
赋值 表达 式 的 处 理 过 程 是 ; 先 计 算 “ 二 ”号 右 侧 表达 式 的 值 ,然后 将 该 值 赋 给 左 侧 的 


T, » 
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[9016-2] 赋值 运算 符 示例 

int a=17 

int b=a+ 5; 

(3) 关系 运算 符 

关系 运算 符 完成 操作 数 的 比较 运算 ,结果 为 布尔 类 型 值 。 关 系 运算 符 如 表 6-4 所 示 。 
(4) 逻辑 运算 符 

逻辑 运算 符 完 成 操作 数 的 逻辑 运算 ,要 求 操作 数 必 须 是 布尔 类 型 ,逻辑 运算 的 结果 也 是 


布尔 类 型 值 ,true 或 false。 常 用 的 逻辑 运算 符 如 表 6-5 所 示 。 


表 6-4 关系 运算 符 mes 逻辑 运算 符 
关系 运算 符 * X 关系 运算 符 含 义 逻辑 运算 符 含 义 
— XT <= 小 于 等 于 8.8. 逻辑 与 
>= 大 于 等 于 m 等 于 E IUE 
< 小 于 r= 不 等 于 ! 逻辑 非 


3. 分 支 语句 
Java 提供 了 两 种 常见 的 分 支 控制 语句 : if 38 o switch 36 6] .JE P if 35 6) 4e JR p RR 


达 式 作为 分 支 条 件 来 进行 分 支 控制 ,而 switch 语句 则 用 于 对 多 个 整 型 值 进 行 匹配 ,从 而 实 
现 分 支 控制 。 


Dif DLEA 
if-else 语句 的 语法 格式 如 下 : 
if (布尔 表达 式 ) 
语句 1; 
else //else 分 支 可 以 省 略 
语句 2; 


其 中 ,表达 式 是 判断 条 件 , 如 果 条 件 为 真 (true), 则 执行 语句 1 ;如果 条 件 为 假 (false), 则 


执行 语句 2。 


Ca 


执行 流程 如 图 6-2 所 示 。 à " 
[Bl 6-3] if 语句 示例 «T» 


if (x>y) 语句 1 | | mo ] 
max-x; -一 一 一 一 

else 
icy 图 6-2 if-else 语句 的 流程 图 


上 面 代 码 段 的 含义 是 将 变量 x 和 y 中 较 大 的 一 个 值 赋 给 变量 max, 
让 语句 的 另 一 个 常用 形式 是 多 分 支 if 语 身 。 

多 分 支 证 语句 的 语法 格式 : 

if AX 1) 


语句 1; 
else if (表达 式 2) 
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语句 27 

else if (表达 式 3) 
语句 3; 

else if (表达 式 n) 
ifi) n; 

else 
语句 ntl; 


$ 4 X [386] e i6] 99 else 部 分 中 包含 其 他 这 块 ,其 执行 过 程 为 : 依次 判断 表达 
式 的 值 , 当 出 现 某 个 值 为 真 (true) 时 , 则 执行 其 对 应 的 语句 ,然后 跳 到 整个 这 语句 之 外 继续 
执行 程序 。 如 果 所 有 的 表达 式 均 为 假 (false), 则 执行 语句 n 十 1, 然 后 继续 执行 后 续 程序 。 
$2 Xa [EA TER ARX, E A else if; 

多 分 支 证 语 各 的 执行 流程 如 图 6-3 所 示 。 


[mmn | [sm] ems | [mm] [oes] 


图 6-3 多 分 支 计 语句 的 流程 图 


【 例 6-4】 多 分 支 if 语句 示例 ,如 程序 6-2 所 示 。 
【程序 6-2〗 多 分 支 f 语句 示例 代码 
I3 Example Source Code: 


public class TestIf{ 
public static void main(String[] args) { 

int score- 85; 

if(score»- 90) 
System.out.println(" 优 秀 ") 7 

else if (score» - 80) 
System.out.println("Bi ff"); 

else if (score»- 70) 
System.out.println ("F4"); 

else if (score»- 60) 
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System.out.println ("K"); 
else 
System.out.println ("R Af"); 
J 
i 
上 面 程 序 保存 成 Testlf. java 文件 ,其 运行 结果 是 输出 “良好 ”。Java 源 程 序 以 . java 为 
扩展 名 ,编译 生成 .class 文件 。 
(2) switch 语句 
switch 语句 的 语法 格式 如 下 : 
switch (表达 式 ) { 


case 常量 1: 语句 1; break; 
case 常量 2: 语句 2; break; 


常量 n: 语句 ny break; 
default: 语句 n+l; break; 
) 
switch 后 面 的 表达 式 的 数据 类 型 只 能 是 整 型 或 字符 型。 
switch 语句 的 执行 流程 为 : 先 计 算 表 达 式 的 值 ,然后 依次 与 case 后 面 的 常量 相 比 较 , 如 
果 表 达 式 的 值 与 某 一 个 case 的 常量 值 相同 时 , 则 执行 该 case 后 面 的 语句 ,然后 通过 break 
跳出 switch 语句 。 如 果 表 达 式 的 值 与 所 有 case 后 面 的 常量 均 不 相同 时 , 则 执行 default 后 
面 的 语句 。default 子 句 可 以 省 略 不 写 。 
【 例 6-5] switch 语句 示例 .如 程序 6-3 所 示 。 
【程序 6-3】 switch 语句 示例 代码 
BB Example Source Code: 
public class TestSwitch( 
public static void main(String[] args) { 
char grade- 'C'; 
switch ( grade ) ( 
case 'A': System.out.println(" 优 秀 "); break; 
case 'B': System.out.println ("Ñ 4f"); break; 
case 'C': System.out.println(" 中 等 "); break; 
case 'D': System.out.println(" 及 格 "); break; 
case 'E': System.out.println(" 不 及 格 "); break; 
default: System.out.println ("成 绩 输 入 错误 "); 


H 

上 面 程序 的 运行 结果 是 输出 “中 等 ”。 

4, 类 和 对 象 

Java 程序 由 一 些 类 组 成 。 类 的 定义 要 用 关键 字 class, 对 象 的 创建 要 用 关键 字 new, 
类 的 定义 格式 如 下 : 


[public] class 类 名 ( 
类 体 
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其 中 ,类 体 包括 变量 和 方法 两 部 分 ,分 别 用 来 描述 对 象 的 状态 和 行为 。 
创建 对 象 格式 : 
类 名 ”对象 名 =new 类 名 ( ); 


【 例 6-6】 类 与 对 象 示例 ,如 程序 6-4 所 示 。 
【程序 6-4】 类 与 对 象 示例 代码 
RJ Example Source Code: 


public class Manager( 


private String name; // 成 员 变 量 
public Manager (String n) // 构 造 方 法 
{ 
name- n; 
) 
public void display() //display Jiik 


{ 
System.out.println(" 用 户 名 : "*name); 
) 


public static void main(String[] args) / [main Jj ik 
t 
Manager manager- new Manager ("admin"); // 创 建 对 象 
manager.display( ); // 调 用 display 方 法 


) 

} 

上 述 代 码 定 义 了 一 个 Manager 类 ,类 中 定义 了 一 个 属性 变量 name, 定 义 了 三 个 方法 ， 
分 别 为 构造 方法 display ) 方 法 和 main( ) 方 法 。 构 造 方法 的 方法 名 与 类 名 相同 ,在 创建 对 
象 时 会 自动 调用 构造 方法 进行 一 些 初始 化 工作 。display( ) 方 法 是 自 定义 方法 ,该 方法 的 功 
能 是 显示 用 户 信息 。main( ) 方 法 是 程序 的 入 口 。 一 个 完整 的 Java 程序 可 以 由 多 个 文件 组 
成 , 主 程序 应 包括 一 个 main( ) 方 法 ,解释 器 正 是 从 该 方法 开始 执行 Java 程序 ,main 方法 一 
般 具 有 如 下 格式 : 

public static void main(String[] args)í 


// 方 法 体 
) 


45] 6-6 程序 的 运行 结果 为 : 

用 户 名 : admin 

Java 系统 类 库 中 提供 了 许多 系统 类 ,String 类 是 一 个 系统 类 ,代表 字符 串 类 型 。String 
类 有 很 多 字符 串 处 理 方 法 ,其 中 的 equals( ) 方 法 很 常用 ,用 来 判断 两 个 字符 串 是 否 相 同 。 
在 本 节 的 任务 实现 时 会 用 到 String 类 型 和 equals( ) 方 法 。 
6.2.1 任务 描述 


实现 一 个 JSP st iti ,页面 中 包含 进行 用 户 名 和 密码 验证 的 Java 程序 代码 。 


e 
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6.2.2 任务 实现 


操作 步骤 同 6. 1 45 ,新 建文 件 admin. check. jsp ,代码 如 程序 6-5 所 示 。 
【程序 6-5] admin check. jsp 文件 代码 
ŒJ Example Source Code: 


«html» 
<head> 
<title> 登录 验证 页 面 < /title> 
</head> 
<body> 
<%String username- "admin "7 
String password; 
password- "000000"; 
if( username.equals ("admin") && password.equals ("000000") ) 
out.println ("用 户 信息 匹配 "); 
else 
out.println ("用 户 信息 不 匹配 "); 
$> 
< /body> 
</html> 


代码 说 明 : 
插入 的 Java 代码 中 ,定义 了 两 个 字符 串 变 量 username 和 password 并 赋 初 值 ,然后 用 if 


语句 判断 ,如 果 username 的 值 为 admin.3Jf H. password 的 值 为 000000, 则 在 网 页 上 输出 用 
户 信息 匹配 ,和 否则 输出 用 户 信息 不 匹配 。 因 为 变量 的 初始 化 值 和 比较 字符 串 相同 ,所 以 网 页 
上 显示 的 是 用 户 信息 匹配 。 


程序 的 运行 结果 如 图 6-4 所 示 。 


你 用 户 验证 页 面 - Windows Internet Explorer 
OO ~ Binteittocanostense] [9] [x | [Lve seach 
XPO ”编辑 (E) SEV KERA IAD EWH 
Xo [mamm 


图 6-4 ”用户 验 证 页 面 结 果 1 


修改 上 述 代码 中 password 王 "123456", 则 JSP 页 面 的 浏览 效果 如 图 6-5 所 示 。 

LI NIME 

实际 应 用 时 ,这 段 示例 代码 并 不 能 进行 真正 意义 上 的 用 户 身 份 验证 。 

真正 进行 身份 验证 时 .是 对 访问 者 在 网 页 上 输入 并 提交 给 服务 器 的 信息 进行 验证 。 输 
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乱用 户 验证 页 面 - Windows Internet Explorer 
go- [E http:/ocahost:s01| || 1 [Live search 
XD RRO SEV KERA IAW 各 助 (H) 
2e [mamm Jmm 


用 户 信息 不 匹配 


图 6-5 用 户 验证 页 面 结果 2 


入 和 提交 信息 通过 表单 来 实现 ,可 通过 JSP 的 request 对 象 获得 由 浏览 器 提交 的 信息 。 关 
于 request 对象, 会 在 6.4 节 中 介绍 。 正 确 的 用 户 名 和 密码 存放 在 服务 器 的 数据 库 中 ,身份 
验证 时 用 数据 库 中 的 信息 与 浏览 器 提交 的 访问 者 信息 进行 比较 ,以 进行 身份 的 合法 性 检查 ， 
这 些 内 容 将 在 后 续 章节 中 继续 学 习 。 


6.2.3 相关 知识 拓展 


1. 程序 控制 逻辑 


在 Java 中 控制 逻辑 分 为 分 支 ,循环 和 跳 转 三 种 .分支 语句 在 前 面 已 经 介绍 过 ,这 里 不 再 
JR. 
COD 循环 语句 
循环 是 指 在 满足 循环 条 件 的 情况 下 ,反复 执行 某 一 段 代 码 , 这 段 被 重复 执行 的 代码 称 为 
循环 体 。 循 环 语句 可 能 包含 如 下 四 个 部 分 。 
。 初始 化 语句 : 一 条 或 多 条 语句 ,用 于 完成 一 些 初始 化 工作 ,在 循环 开始 之 前 执行 。 
* 循环 条 件 : 是 一 个 布尔 类 型 表达 式 ,由 这 个 表达 式 决定 是 否 执行 循环 体 。 
。 循环 体 语句 : 是 循环 的 主体 ,如 果 循 环 条 件 为 真 .这 个 代码 块 将 被 重复 执行 。 
。 循环 变量 变化 语句 : 在 一 次 循环 体 执行 结束 之 后 ,循环 条 件 求 值 之 前 执行 该 语句 ， 
通常 用 于 控制 循环 条 件 中 的 变量 ,使 得 循环 在 合适 时 候 能 够 结束 。 
Java 中 的 循环 语句 有 三 个 : while 语句 、do-while 语句 和 for 语句 。 
O while 语句 
while 循环 的 语法 格式 如 下 : 
while (循环 条 件 ) { 
循环 体 
} 
【 例 6-7] while 循环 示例 ,如 程序 6-6 所 示 。 
【程序 6-6】 while 循环 示例 代码 
QJ Example Source Code: 


int i-1; 
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while (i«-100)( 
System.out.println("dEfEf; "); 
itt; 
} 
© do-while 循环 
do-while 循环 的 语法 格式 如 下 : 
dot 
循环 体 
) while (循环 条 件 ); 
【 例 6-8) do-while 循环 示例 ,如 程序 6-7 所 示 。 
【程序 6-7】 do-while 循环 示例 代码 
BE Example Source Code: 
int i-1; 
do( 
System.out .println ("我 能 行 "); 
itt; 
) while (i«- 100); 
© for 循环 
for 循环 的 语法 格式 如 下 : 
for (表达 式 1; 表达 式 2; 表达 式 3) 
循环 体 
} 
其 中 ,表达 式 1 为 循环 变量 初始 化 ,表达 式 2 为 循环 条 件 , 表 达 式 3 为 循环 变量 变化 。 
【 例 6-9] for 循环 示例 ,如 程序 6-8 所 示 。 
【程序 6-8】 for 循环 示例 代码 
Example Source Code: 
for (int i-1; i«-100; i++)1{ 
System.out .println(" 我 能 行 "); 
} 
(2) 跳 转 语句 
(D break 语句 
有 些 时 候 ,需要 在 某 种 条 件 出 现时 ,强行 终止 循环 ,而 不 是 等 到 循环 条 件 为 false 时 。 此 
时 ,可 以 使 用 break 来 完成 这 个 功能 。break 用 于 完全 结束 一 个 循环 ,跳出 循环 体 , 开 始 执行 
循环 之 后 的 代码 。 
【 例 6-10] break 语句 示例 ,如 程序 6-9 所 示 。 
【程序 6-9] break 语句 示例 代码 
i33 Example Source Code: 


for(int i-0; i«5; i++){ 
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if(i==2) break; 
System.out .println("i="+i ); 
} 


上 面 程序 段 中 , 当 i 等 于 2 时 ,执行 break 语句 ,能 使 整个 循环 强制 退出 。 
运行 结果 : 

i-0 

i-1 

(2 continue 语句 


continue 和 break 的 区 别 是 continue 只 是 中 止 本 次 循环 ,接着 开始 下 一 次 循环 ,而 


break 则 是 完全 终止 循环 。 可 以 理解 为 continue 的 作用 是 略 过 当 次 循环 中 剩 下 的 语句 , 重 
新 开始 新 的 循环 。 


【 例 6-11] continue 语句 示例 ,如 程序 6-10 所 示 。 
【程序 6-10】 continue 语句 示例 代码 
BE Example Source Code: 
for (int i-0;i«5;it*-*)( 
if (i==2) continue; 
System.out.println("i-"*i ); 
) 
上 面 程序 段 中 , 当 i 等 于 2 时 ,提前 结束 本 次 循环 ,未 执行 输出 语句 ,进入 下 一 次 循环 。 
运行 结果 : 


E ob BÀ 
Wow w wW 
& w PP 口 


®© return 语句 
return 的 功能 是 结束 一 个 方法 ,return 后 可 以 跟 变量 、 常 量 和 表达 式 , 把 值 返回 给 上 一 


级 调用 方法 处 。 当 一 个 方法 执行 到 一 个 return 语句 时 ,这 个 方法 将 被 结束 。 


2. 数组 
数组 的 作用 是 存储 多 个 数据 类 型 相同 的 数据 ,其 中 的 一 个 数据 称 为 数组 元 素 ,通常 可 通 


过 数组 元 素 的 索引 来 访问 数组 元 素 。 数 组 也 是 一 种 数据 类 型 , 它 本 身 是 一 种 引用 类 型 。 例 
如 int 是 一 个 基本 类 型 ,但 intLj( 这 是 声明 数组 的 一 种 方式 ) 就 是 一 种 引用 类 型 了 。 


(1) 声明 数组 
Java 支持 下 面 两 种 数组 声明 形式 ,一般 推荐 使 用 第 一 种 。 


数据 类 型 [ ] 数组 名 ; 
数据 类 型 数组 名 [ ]; 


例如 : 


int[] a; 
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声明 a 是 一 个 整 型 数组 。 

数组 是 一 种 引用 类 型 的 变量 ,因此 使 用 它 声明 一 个 变量 时 ,仅仅 表示 定义 了 一 个 引用 变 
量 ( 也 就 是 定义 了 一 个 指针 ) ,这 个 引用 变量 还 未 指向 任何 有 效 的 内 存 空间 ,因此 声明 数组 时 
不 能 指定 数组 的 长 度 , 而 且 也 没有 分 配 内 存 空间 来 存储 数组 元 素 。 

(2) 分 配 空间 

给 数组 分 配 空间 使 用 new 关键 字 ,语法 形式 如 下 : 


数组 名 =new 数据 类 型 [数组 长 度 ]; 

例如 ， 

a-new int[10]; 

也 可 以 在 声明 数组 的 同时 指定 数组 长 度 ,格式 为 ; 
数据 类 型 [ ] 数组 名 =new 数 据 类 型 [数组 长 度 ]; 

例如 ， 


int[] a=new int[10]7 


(3) 数组 初始 化 

数组 初始 化 是 为 数组 元 素 赋 初 值 。 用 new 关键 字 为 一 个 数组 分 配 空 间 后 ,系统 将 为 数 
组 元 素 赋 0 值 或 空 值 。 可 以 用 赋值 语句 给 数组 的 每 个 元 素 初始 化 。 数 组 元 素 通 过 “数组 名 
[下 标 ]? 来 引用 。 

例如 : 


a[0]=17 


也 可 以 在 声明 数组 的 同时 进行 数组 初始 化 ,这 时 不 需要 用 new 关键 字 。 
例如 : 


int a[]- {1,2,3,4,5}; 


(4) 使 用 数组 

数组 的 主要 使 用 方法 就 是 访问 数组 元 素 , 包 括 对 数组 元 素 进 行 赋值 和 访问 数组 元 素 的 
ff ,数组 元 素 的 引用 方式 为 “数组 名 [下 标 ]?。 值 得 指出 的 是 ,Java 语言 的 数组 下 标 是 从 0 
开始 的 ,也 就 是 说 ,第 一 个 数组 元 素 的 下 标 为 0, 最 后 一 个 数组 元 素 的 下 标 为 数组 长 度 减 1 。 

所 有 数组 都 提供 了 一 个 length 属性 ,通过 这 个 属性 可 以 访问 到 数组 的 长 度 。 

[BI 6-12】 数组 示例 ,如 程序 6-11 所 示 。 

【程序 6-11】 数组 示例 代码 

ẸJ Example Source Code: 

int[] a- (1,2,3, 4,5]; 

for(int i-0; i«a.length; i++) 

{ 


System.out.println(a[i]); 
} 


$62 JSP 应 知 应 会 


该 代码 段 的 功能 是 给 a 数组 赋值 ,并 输出 a 数组 每 个 元 素 的 值 。 
3. 类 的 继承 


类 之 间 可 以 有 继承 关系 ,被 继承 的 类 称 为 父 类 ,继承 父 类 的 类 称 为 子 类 。 执 行 继承 时 ， 
子 类 可 以 获得 父 类 的 属性 和 操作 ,并 具有 自身 特有 的 属性 和 操作 。 

extends 关键 字 用 于 继承 类 ,声明 一 个 继承 父 类 的 类 的 通常 形式 如 下 : 

class FĂ% extends 父 类 名 { 

// 子 类 代码 

) 

如 果 类 的 声明 中 没有 extends. WW ER iA 42 28 Jy Object. Java 语言 中 子 类 只 能 有 一 个 父 
类 ,具有 单 继承 性 ,要 用 多 继承 时 ,可 以 通过 下 面 介绍 的 接口 来 实现 。 


4. 接口 


接口 是 面向 对 象 的 程序 设计 中 的 一 个 重要 概念 ,利用 接口 可 以 使 设计 与 实现 相 分 离 。 
Java 中 只 人 允许 单 继承 ,可 以 利用 接口 实现 多 继承 。 一 个 接口 可 以 继承 多 个 接口 ,一 个 类 可 
以 实现 多 个 接口 。 
(1) 接口 的 声明 
接口 的 声明 格式 如 下 : 
[public] interface 接口 名 称 { 
[public] [static] [final] 变量 名 = 初 值 ; // 静 态 常量 
[public] [abstract] 返回 值 类 型 方法 名 ([ 参 数 表 ]) 
) 
由 于 接口 中 声明 的 方法 都 是 抽象 的 .公有 的 ,声明 的 常量 都 是 静态 的 .公有 的 ,所 以 
public,static,final,abstract 等 修饰 符 都 可 以 省 略 。 
(2) 接口 的 实现 
在 类 的 声明 中 使 用 implements 关键 字 来 表示 实现 接口 .一 个 类 可 以 同时 实现 多 个 接 
口 , 各 接口 间 用 *,” 隔 开 。 
class classname implements interfacename{ 
// 重 写 接口 中 的 方法 
} 
若 实现 接口 的 类 不 是 抽象 类 , 则 必须 实现 接口 的 所 有 方法 , 即 为 所 有 的 抽象 方法 声明 方 
法 体 。 一 个 类 在 实现 某 接口 的 抽象 方法 时 ,必须 使 用 相同 的 方法 名 和 参数 列表 。 


5. 异常 处 理 


异常 是 在 程序 的 运行 过 程 中 所 发 生 的 不 正常 的 情况 , 它 会 中 断 正在 运行 的 程序 。Java 
语言 使 用 异常 处 理 机 制 为 程序 提供 了 错误 处 理 的 能 力 。 
Java 语言 使 用 try-catch-finally 块 捕获 并 处 理 异常 ,语法 形式 为 : 


try{ 
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// 可 能 发 生 异 常 的 代码 
i 
catch (异常 类 型 e)( 
// 对 异常 进行 处 理 的 代码 
} 
finally{ 
// 总 要 被 执行 的 代码 
当 try 块 中 的 代码 发 生 异 常 时 ,会 产生 异常 对 象 。 异 常 是 一 种 特殊 的 对 象 , 当 异 常 对 象 
的 类 型 与 catch 后 的 异常 类 型 匹配 时 ,可 以 捕获 到 该 异常 ,此 时 catch 块 中 的 异常 处 理 代 码 
将 执行 。 而 finally 中 的 代码 无 论 是 否 发 生 异 常 都 会 执行 。 


6.2.4 经 验 总 结 


Java 语言 是 学 习 开 发 JSP 网 站 的 必 备 基本 功 。 在 用 JSP 技术 开发 网 站 时 ,一 定 会 用 到 
Java 语言 知识 和 Java 编程 思想 。 因 此 , 既 要 掌握 Java 语法 ,还 要 理解 Java 面向 对 象 的 思 
想 , 要 学 会 分 析 实 际 问题 ,合理 设计 类 ,这 将 有 助 于 更 深入 地 学 习 JSP 技术 。 


6.3 JSP 语法 


dp 知识 储备 

JSP 语法 是 建立 在 Java 语言 基础 上 的 ,但 它 是 一 种 Web 程序 设计 语言 , 故 有 自己 的 一 
些 特有 的 语法 。 

1. JSP 指令 

“二 上 四 ”和 "上 二 ”之 间 为 JSP 指令 ,常用 的 有 两 种 : 第 一 种 是 page 指令 ,用 来 完成 导 
入 指定 的 类 ,或 指定 页 面 编 码 方式 等 ;第 二 种 是 include 指令 ,用 来 包含 文件 。 

(1) page 指令 

二 %@page X> 指令 作用 于 整个 JSP 页 面 ,可 以 用 于 定义 JSP 页 面 的 全 局 属性 ,一 般 
将 它 放 在 页 面 的 顶部 。 

【 例 6-13】 page 指令 示例 


<% page contentType- "text/html;charset= gb2312" %> 


页 面 代码 开头 有 了 此 身后 ,在 JSP 页 面 中 就 可 以 正常 显示 中 文字 符 了 。contentType 
属性 用 于 定义 设置 JSP 文件 和 最 终 文 件 的 MIME 类 型 和 字符 集 类 型 ,这 一 项 必须 放 在 文件 
的 顶部 。contentType 属性 的 默认 值 为 "text/html; charset 王 ISO8859_1" ,为 了 让 JSP 页 面 
可 以 正常 地 显示 中 文 ,需要 将 contentType 属性 设置 为 "text/html;charset 一 GBK" 或 者 设 
置 为 "text/html;charset 一 gb2312"。 

指令 中 的 属性 值 可 用 单 引号 或 双 引 号 括 起 来 ,如 果 一 个 属性 有 多 个 值 就 用 各 号 隔 开 ,在 
page 指令 中 也 只 有 import 属性 可 以 指定 多 个 值 , 它 用 来 导入 一 些 程序 中 要 用 到 的 包 或 类 ,如 : 


<$% page import-"java.util. * , java.io. * "$> 
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也 可 以 将 需要 引用 的 多 个 包 和 类 写 在 多 个 page 指令 中 .例如 ,上 面 的 语句 等 价 于 : 


<% @page import= "java.util. * "$> 

<$% page import= "java.io. * "$» 

当 使 用 import 引入 了 包 和 类 后 ,就 可 以 使 用 与 这 些 包 和 类 相关 的 方法 和 对 象 了 。 

page 指令 的 language 属性 指定 页 面 使 用 哪 种 编程 语言 作为 脚本 语言 ,默认 值 为 Java， 
因此 在 编写 JSP 程序 时 可 以 不 设置 。 

(2) include 指令 

include 指令 用 来 在 JSP 文件 中 包含 一 个 静态 的 文件 , 即 在 JSP 文件 的 该 指令 处 插入 另 
一 文件 的 文本 或 代码 ,以 组 成 一 个 更 大 的 程序 文件 。 

include 指令 语法 格式 如 下 : 


<%@include file=" 文 件 路 径 "%> 


当 使 用 二 %@include% 二 指令 时 ,包含 的 过 程 是 静态 的 。 静 态 的 包含 就 是 指 这 个 被 包 
含 的 文件 的 内 容 将 会 被 导入 到 JSP 文件 中 ,这 个 被 包含 的 文件 可 以 是 JSP 文 件 .HTML 文 
件 、 文 本 文件 。 如 果 被 包含 的 是 JSP 文件 ,这 个 被 包含 的 JSP 文件 的 代码 将 会 被 执行 。 

【 例 6-14] include 指令 示例 

D 新 建文 本 文件 top. txt, 代 码 如 程序 6-12 所 示 。 

【程序 6-12]. top. txt 文件 代码 

GJ Example Source Code: 

<$% page contentType- "text/html;charset- gb2312" %> 

<html> 

<head> 

<title> 新 闻 类 别 网 站 < /title> 

< /head> 

<body> 

<hl> 新 闻 类 别 网 站 < /h1> 

@ 新 建文 本 文件 bottom. txt, 代 码 如 程序 6-13 所 示 。 

【程序 6-13】〗】 bottom. txt 文件 代码 

EJ Example Source Code: 

< $ @page contentType- "text/html;charset- gb2312" %> 

«hr» 

<p align="center"> 

版 权 信息 

«/p» 

< /body> 

</html> 

© 新 建 JSP 文件 includeTest. jsp, 代 码 如 程序 6-14 所 示 。 

【程序 6-14】 includeTest. jsp 文件 代码 

EJ Example Source Code: 


<$% Qpage contentType- "text/html; charset-gb2312" $» 
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<$% include file- "top.txt" %> 

«p align="center"> 

<$%out.println(" 快 来 学 习 如 何 开发 Isp 网 站 吧 !"); 
$> 

</p> 

<$% Qinclude file- "bottom.txt" %> 


上 面 3 个 文件 中 ,top. txt 中 是 文件 头 的 代码 ,bottom. txt 中 是 文件 尾 的 代码 , 主 文件 
includeTest. jsp 中 , 先 包含 top. txt, 然 后 输出 一 外话, 又 包含 bottom. txt。 
网 页 运行 结果 如 图 6-6 所 示 。 


重新 闻 类 别 网 站 - Windows Internet Explorer 

go- [E http:fhocahost:eol 国 ||#+) [x | [Live search 
XD MRO EEV KERA IAW HW 
LENT Fla- -n-e 


新 闻 类 别 网 站 


快 来 学 习 如 何 开 发 JSP 网 站 吧 ! 


版 权 信息 


图 6-6 include 指令 示例 的 运行 结果 


在 同一 个 网 站 中 ,许多 网 页 的 头 部 和 尾部 是 一 样 的 ,因此 可 以 把 头 部 和 尾部 各 自 保 存 为 
一 个 文件 ,在 其 他 文件 中 只 要 将 其 包含 进来 即 可 ,这 样 可 以 大 大 减少 网 页 代码 编写 的 工作 
量 , 同 时 又 能 保证 网 页 风格 的 统一 。 

2. JSP 动作 指令 

JSP 动作 指令 与 JSP 指令 不 同 ,可 以 用 它 来 控制 JSP 引擎 的 行为 。 下 面 介绍 include zb 
作 指 令 . forward 动作 指令 和 param 动作 指令 。 

(1) include 动作 指令 

include 动作 指令 用 来 在 JSP 页 面 中 动态 包含 一 个 文件 。 

include 动作 指令 的 格式 如 下 : 


«jsp: include page- "文件 路 径 "/> 


<jsp: include page- "文件 路 径 "> 
«jsp: param name- "参数 1" value- "参数 1 的 值 "/> 


«jsp: param name- "参数 n" value- "参数 n 的 值 "/> 
< /jsp: include» 


在 不 需要 传递 参数 时 ,采用 第 一 种 格式 ,如 果 要 传递 参数 则 使 用 第 二 种 形式 。 
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【 例 6-15] include 动作 指令 示例 

修改 例 6-14 的 主 文件 includeTest. jsp, 代 码 如 程序 6-15 所 示 , 其 运行 结果 与 例 6-14 
—HÉ. 

[RF 6-15] includeTest. jsp 文件 代码 

EJ Example Source Code: 

<%@ page contentType- "text/html;charset-gb2312" $» 

«$ jsp:include page- "top.txt" %> 

<p align="center"> 

<$out.println(" 快 来 学 习 如 何 开发 JsP 网 站 吧 !"); 

$> 

</p> 

<%jsp:include page- "bottom.txt" %> 

尽管 运行 结果 没 区 别 , 但 是 include 动作 指令 和 include 指令 还 是 有 本 质 上 的 区 别 。 
include 动作 指令 在 JSP 页 面 被 请 求 时 才 将 指定 文件 的 内 容 插入 到 服务 器 的 相应 输出 中 ,而 
include 指令 在 JSP 文件 被 编译 时 就 会 插入 文本 或 代码 。 

(2) forward 动作 指令 

forward 动作 指令 用 来 重 定向 网 页 , 即 从 一 个 页 面 转向 另 一 个 页 面 。 

forward 动作 指令 的 格式 如 下 : 


<jsp:forward page= "文件 路 径 "> 


例如 : 利用 二 jsp: forward page =" inleudeTest. jsp" > "T YA AX 3$ à X a Ie $ 5] 
inlcudeTest. jsp 页 面 。 

forward 指令 只 有 一 个 page 属性 。 如 果 想 向 目标 文件 传递 参数 ,需要 使 用 param 动作 
指令 。 

(3) param 动作 指令 

param 动作 指令 通常 与 include、forward 等 其 他 动作 指令 配套 使 用 ,作用 是 传送 参数 。 

param 动作 指令 的 格式 如 下 : 


«jsp: param name- "参数 名 "value= "参数 的 值 "/> 


【 例 6-16】 param 动作 指令 示例 

(D 新 建文 件 helloParam. jsp. 4X £54 4£ f 6-16 所 示 。 
[FF 6-16] helloParam. jsp 文件 代码 

I3 Example Source Code: 


«$8 page contentType- "text/html;charset-gb2312" $» 

<html> 

<head> 

<title>param 指令 示例 < /title» 

</head> 

<body> 

<% 

out .println (" 接 收 的 参数 p 的 值 为 : "+ request.getParameter ("p") ) ; 
向 > 


网 站 项 目 规划 与 设计 r3 


< /body» 
</html> 


© 新 建文 件 paramTest. jsp, 代 码 如 程序 6-17 所 示 。 
【程序 6-17] paramTest. jsp 文件 代码 
I3 Example Source Code: 


<% page contentType- "text/html;charset- gb2312" $> 
«html» 

<body> 

<% 

String p=null; 

p= "Hello "; 

5» 

« jsp: forward page= "helloParam.jsp"» 
«jsp:param name- "p" value- "<%=p %>" /> 
«/jsp:forward» 

</body> 

</html> 


paramTest. jsp 文件 在 forward 动作 指令 中 指向 了 helloParam. jsp 页 面 , 并 传递 参数 ， 


M —p 2X JSP 表达 式 , 得 到 变量 p 的 值 。helloParam. jsp 页 面 接收 参数 p 的 值 ,运行 
结果 如 图 6-7 所 示 。 


É param 指 令 示例 - Windows Internet Explorer lec MES 
go- (E nttp:ocahost:aom]|*7] [x] [Live search 

XO ”编辑 (E) FEV BERA IAW WB 
DE rl A-A- 


接收 的 参数 p 的 值 为 ，Hello 


图 6-7 param 指令 示例 的 运行 结果 


3. JSP 脚本 元 素 

JSP 脚本 元 素 用 来 插入 Java 代码 ,这 些 代 码 将 出 现在 由 当前 JSP 页 面 生成 的 Servlet 
中 。 脚 本 元 素 有 三 种 : 

(1) 声明 变量 或 方法 

声明 是 指 在 JSP 程序 中 定义 合法 的 变量 和 方法 。 

声明 格式 : 


<$% ! code $> 


可 以 声明 变量 ,声明 的 变量 相当 于 类 的 成 员 变量 。 
举例 : 
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<4! 
String name; 
$> 
可 以 声明 方法 ,声明 的 方法 可 以 为 静态 方法 或 非 静态 方法 ,有 关键 字 static 修饰 的 方法 
是 静态 方法 。 静 态 方法 的 作用 域 是 类 作用 域 ,而 非 静 态 方法 的 作用 域 是 对 象 作 用 域 , 即 只 能 
通过 类 的 一 个 对 象 访问 非 静态 方法 。 
【 例 6-17] 上 声明 方法 示例 ,如 程序 6-18 所 示 。 
【程序 6-18〗 声明 方法 示例 代码 
I3 Example Source Code: 
«8! 
public static String funcl( )( 
return ("在 静态 方法 func ( ) 中 "); 
) 
public String func2( ){ 
return (" 在 非 静 态 方法 func2( ) 中 "); 
) 
$> 
上 面 代 码 声明 了 两 个 方法 : 静态 方法 fun1( ) 和 非 静 态 方法 fun2( ) 。 
(2) 表达 式 
JSP 表达 式 用 来 把 Java 数据 直接 插入 到 输出 中 。 
JSP 表达 式 的 格式 如 下 : 


<$= 表 达 式 %> 


计算 表达 式 后 得 到 的 结果 会 自动 转换 为 字符 串 ,然后 插入 在 这 个 表达 式 在 JSP 文件 中 
的 位 置 ,显示 在 网 页 上 。 

【 例 6-18〗 JSP 表达 式 示 例 , 如 程序 6-19 所 示 。 

【程序 6-19〗 JSP 表达 式 示例 代码 

@j Example Source Code: 

«Sint x-2;$» 

«$-5*x$» 

上 面 代 码 段 在 网 页 上 输出 的 结果 是 10。 

(3) Java 脚本 代码 

Java 脚本 代码 (Java Scriptlet) 是 指 在 JSP 页 面 中 的 “一 %” 和 ”上 二 ”之 间 插 入 的 Java 
程序 代码 ,其 语法 格式 为 ， 

<% Java HAAR S> 


【 例 6-19] Java 脚本 代码 示例 ,如 程序 6-20 所 示 。 
【程序 6-20] Java 脚本 代码 示例 代码 
BB Example Source Code: 


<% 
for (int i=0; i<10; i++) 
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6.3. 


out.println(i-*"«br»"); 

$> 

这 段 代码 的 功能 是 输出 10 行 数字 ,每 行 的 数字 从 上 到 下 依次 为 0 一 9。 
1 任务 描述 


根据 条 件 判 断 , 实 现 不 同 JSP 页 面 的 跳 转 。 


6.3.2 任务 实现 


需要 写 3 个 JSP 文 件 , 分 3 个 任务 来 完成 。 
任务 1 编写 简单 的 登录 成 功 页 面 login-success. jsp 
任务 2 编写 登录 失败 页 面 login-failture. jsp 
任务 3 修改 6. 2 节 中 的 文件 admin_check. jsp 

任务 1: 编写 简单 的 登录 成 功 页 面 login_success. jsp 

代码 如 程序 6-21 所 示 。 

【程序 6-21] login success. jsp 文件 代码 

EJ Example Source Code: 


<% Gpage contentType- "text/html;charset- gb2312" $» 
«html» 

<head> 

<title> 登 录 成 功 页 面 < /title> 
< /head» 

<body> 

<% 

out .println(" 用 户 登 录 成 功 "); 
$> 

< /body> 

</html> 


任务 2: 编写 登录 失败 页 面 login_failture. jsp 
代码 如 程序 6-22 所 示 。 

【程序 6-22] login failture. jsp 文件 代码 
大 Example Source Code: 


< $% page contentType- "text/html; charset- gb2312" $5» 
«html» 

<head> 

<title> 登 录 失 败 页 面 </title> 

< /head» 

«body» 

<% 

out .println(" 用 户 登 录 失 败 "); 

s» 
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< /body» 
</html> 


任务 3: 修改 6. 2 节 中 的 文件 admin check. jsp 

TE admin check. jsp 中 ,实现 的 功能 是 : 如 果 信 息 匹 配 , 跳 转 到 登录 成 功 页 面 , 如 果 信 息 
不 匹配 , 跳 转 到 登录 失败 页 面 ,代码 如 程序 6-23 所 示 。 

【程序 6-23] admin check. jsp 文件 代码 

EJ Example Source Code: 


<% page contentType = "text/html;charset- gb2312" %> 
«html» 
<head> 
<title> 登 录 验 证 页 面 </title> 
< /head» 
<body> 
<% String username- "admin"; 
String password; 
password- "000000"; 

if( username.equals ("admin") && password.equals ("000000") ) 

t 
$> 
<jsp:forward page- "login success.jsp" /> // 跳 转 到 登录 成 功 页 面 
<% 

} 
else 
{ 
$> 
« jsp:forward page= "login failture.jsp" />; // 跳 转 到 登录 失败 页 面 
<% 
} 
$> 
< /body> 
</html> 


程序 的 运行 结果 如 图 6-8 所 示 o 


用 户 登 录 成 功 


图 6-8 页 面 跳 转 结果 
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因为 给 两 个 变量 name 和 password 所 赋 的 值 与 判断 条 件 中 的 值 一 致 ,所 以 由 登录 验证 
页 面 跳 转 到 登录 成 功 页 面 。 


6.3.3 相关 知识 拓展 


1. JavaBean 的 含义 


JavaBean 是 Java 程序 设计 中 的 一 种 组 件 技术 。 简 单 说 ,JavaBean 就 是 一 个 类 ,是 封装 
了 属性 和 方法 ,并 用 来 完成 某 种 特定 功能 的 类 。 


2. 编写 JavaBean 


编写 JavaBean 就 是 编写 一 个 Java 类 ,设计 这 个 类 的 属性 和 方法 。 如 果 成 员 变量 名 为 
xxxx, 则 相应 有 两 个 用 来 得 到 成 员 变 量 值 和 设置 成 员 变 量 值 的 方法 ,分 别 是 getXxxx( ) 和 
setXxxxC )。 如 果 成 员 变 量 是 boolean 类 型 ,那么 还 应 该 有 一 个 isXxxx( ) 方 法 。 访 问 成 员 
变量 的 方法 都 应 该 用 public 修饰 , 即 公有 方法 。 


3. userBean 动作 指令 


userBean 动作 指令 是 一 个 重要 的 动作 指令 ,用 来 在 JSP 中 创建 并 使 用 一 个 JavaBean, 

在 JSP 中 声明 一 个 JavaBean 的 方法 如 下 : 

<jsp:useBean id= "bean 的 名 称 " class- "(1.44 .类 名 "scope= "有 效 范 围 "> 

< /jsp:useBean» 

其 中 ,id 属性 指定 JavaBean 实例 名 ;class 指定 类 的 引用 :scope 指定 有 效 范 围 ,可 以 取 
page, request, session application 四 个 值 。page 表示 JavaBean 的 有 效 范 围 为 当前 页 面 
request 表示 JavaBean 可 以 被 同一 用 户 请 求 的 页 面 访问 ,session 表示 JavaBean 在 当前 http 
会 话 的 生命 周期 内 可 被 所 有 页 面 访问 ,application 表示 JavaBean 的 有 效 范围 为 第 一 次 访问 
直到 Web 服务 器 关闭 。 

通过 所 jsp:useBean 二 动作 指令 在 JSP 页 面 中 声明 了 JavaBean 类 实例 之 后 ,就 可 以 使 
用 二 jsp:setProperty 二 和 二 jsp:getProperty 二 指令 设置 或 读 取 JavaBean 的 属性 。 当 然 , 也 
可 以 使 用 JSP 脚本 程序 或 表达 式 直 接 调用 JavaBean 对 象 的 公有 方法 。 

【 例 6-20] JavaBean 示例 

CD 新 建 一 个 Java 文件 ,文件 名 为 Table. java. (RI An FEF 6-24 所 示 。 

【程序 6-24】 Table. jsp 文件 代码 

I3 Example Source Code: 


package packTable; 
public class Table( 
double length; 
double width; 
double height; 
public Table( ){ 
length-0; 
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width-0; 
height-0; 


} 
public double getHeight( ) ( 
return height; 


} 

public void setHeight (double height) { 
this.height=height; 

public double getLength( ) { 
return length; 

H 

public void setLength (double length) ( 
this.length- length; 

} 

public double getWidth( ) { 
return width; 

} 

public void setWidth (double width) { 
this.width=width; 

} 

} 


(2) 部 署 JavaBean。 

编译 Table. java, 生成 Table. class, Table 类 位 于 包 packTable 中 ,将 该 包 复 制 到 
“WEB-INF\classes” 目 录 下 .这 称 为 在 Tomcat 中 部 署 JavaBean, 

G) 编写 JSP 文件 ,文件 名 为 javabeanJSP.jsp, 代 码 如 程序 6-25 所 示 。 

【程序 6-25】 javabeanJSP. jsp 文件 代码 

I3 Example Source Code: 


<% Gpage contentType- "text/html;charset- gb2312" %> 
<% Qpage import- "packTable.Table" $> // 导 入 uavaBean 类 , 即 packTable 包 中 的 Table 35 
«html» 
<head> 
<title> JavaBean 示例 < /title> 
</head> 
<body> 
« jsp:useBean id- "table" scope- "page" class="packTable .Table"> // 声 明 JavaBean 类 的 实例 
< /jsp:useBean> 
<% 
table.setLength (20) ; // 调 用 setXxxx( ) 方 法 ,设置 属性 值 
table.setWidth (10); 
table.setHeight (30); 
out.println (" 桌 子 长 度 为 : "*box.getLength( )* "C br» "); 
// 调 用 getxxxx( ) 方 法 ,获取 属性 值 
out.println (" 桌 子 宽度 为 : "+box.getWidth( )* "«br»"); 
out.println (" 桌 子 高 度 为 : "+box.getHeight( )* "«br» "); 
向 > 
</body> 
</html> 


e» 
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该 程序 中 首先 用 import 语句 导入 了 packTable. Table 类 ,然后 生成 JevaBean 的 实例 
table, 用 setXxxxC ) 设 定 table 的 长 、 宽 .高 ,用 getXxxx C ) 方 法 得 到 table 的 长 、 宽 ,高 并 
输出 。 

程序 的 运行 结果 如 图 6-9 所 示 。 


Æ JavaBeanzsfll - Windows Internet Explorer 
OO- ntocanosteo | [x] [uve search 
XD 编辑 (E) SEV BERA IAW HWW 
A 站 Evra aD 


课 子 长 度 为 ，20 
桌子 宽度 为 10 
桌子 高 度 为 ，30 


图 6-9 在 JSP 中 使 用 JavaBean 


6.3.4 经 验 总 结 


在 编写 JSP 程序 时 ,经 常会 出 现 中 文字 符 显示 出 来 是 乱码 的 问题 。 碰 到 该 类 问题 , 需 
要 考虑 中 文字 符 的 处 理 。 

一 个 网 站 的 主导 航 条 一 般 是 统一 的 ,所 以 经 常 把 主导 航 条 写成 一 个 单独 的 网 页 ,通过 包 
含 指令 在 其 他 JSP 页 面 中 实现 导航 条 ,这 样 可 以 减少 编码 的 工作 量 ,避免 重复 编码 。 

在 JSP 程序 中 ,经 常 要 进行 页 面 的 重 定向 ,一 般 是 在 页 面 程序 中 加 入 判断 语句 , 当 满 足 
条 件 时 转向 某 一 个 页 面 , 不 满足 条 件 时 则 转向 另 一 个 页 面 。 

掌握 JavaBean 的 开发 和 使 用 .有 利于 提高 JSP 开发 的 效率 和 程序 代码 的 可 重用 性 。 通 
过 JavaBean, 可 以 较 大 程度 地 实现 JSP 页 面 中 静态 内 容 和 动态 内 容 的 分 离 。 


6.4 JSP 内 置 对 象 


为 了 便于 Web 应 用 程序 的 开发 ,JSP 页 面 中 内 置 了 一 些 默 认 的 对 象 , 即 JSP 内 置 对 象 。 
内 置 对 象 在 JSP 页 面 中 不 用 创建 ,可 以 直接 使 用 。JSP 内 置 对 象 一 共有 9 个 : request, 
response out, session, application, config, exception, page、pageContext。 这 些 对 象 在 服务 
器 端 和 客户 端 交互 的 过 程 中 分 别 完 成 不 同 的 功能 。 为 完成 本 节 任 务 , 需 要 使 用 下 面 三 个 最 
常用 的 内 置 对 象 ; request response 和 out, 

l. request 对 象 

request 对 象 与 HTTPServletRequest 类 关联 ,是 javax. servlet. ServletRequest 的 一 个 
子 类 。request 对 象 封 装 了 客户 端 提 交 的 数据 信息 ,包括 访问 者 输入 的 信息 以 及 客户 端 环境 
的 一 些 信息 。 客 户 端 可 通过 HTML 表单 或 者 在 网 页 地 址 后 面 使 用 参数 的 方法 提交 数据 ， 
再 用 request 对 象 的 相关 方法 来 获取 提交 的 各 种 数据 。 
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request 对 象 的 一 个 常用 方法 是 getParameter( ) ,此 方法 可 以 获得 指定 的 客户 端 提交 
的 参数 值 。 方 法 调用 格式 如 下 : 


request.getParameter (String str) 


其 中 ,参数 str 是 指定 的 参数 名 称 。 
【 例 6-21] request 对 象 示例 


request .getParameter ("uname") ; / /aname 代表 用 户 名 文本 框 


在 表单 的 提交 请 求 处 理 页 面 中 ,可 以 通过 上 面 的 代码 获取 名 称 为 uname 的 表单 项 的 值 。 

2. response 对 象 

response 对 象 与 HTTPServletResponse 类 关联 ,该 对 象 的 主要 作用 是 响应 客户 端 请 
求 ,将 ISP 处 理 数 据 后 的 结果 传 回 给 客户 端 。 客 户 端 浏览 器 每 访问 一 次 Web 服务 器 页 面 时 
都 会 向 服务 器 提交 一 次 请 求 , 服 务 器 在 收 到 来 自 客 户 端 浏览 器 发 来 的 请 求 后 响应 请 求 。 
JSP 通过 request 对 象 控制 客户 浏览 器 的 请 求 , 通 过 response 对 象 对 客户 浏览 器 进行 响应 ， 
二 者 的 作用 正好 相反 。 

response 对 象 的 一 个 常用 方法 是 sendRedirect( ) ,此 方法 可 以 将 页 面 重 定向 至 其 他 页 
面 , 重 定向 后 在 浏览 器 地 址 栏 上 会 出 现 重 定向 页 面 的 URL。 与 前 面 介 绍 过 的 forward 动作 
的 区 别 是 : forward 动作 实现 重 定 向 后 地 址 栏 显 示 的 URL 未 变 , 而 response 对 象 实现 重 定 
向 后 地 址 栏 显示 的 所 定向 页 面 的 URL。 

方法 调用 格式 如 下 : 

response.sendRedirect (String url) ,其 中 ,参数 url 可 以 是 合法 的 url 地址 ,也 可 以 是 文件 路 径 。 

LBI 6-22] request 对 象 示 例 

response.sendRedirect ("loginSuccess.jsp"); 

在 某 一 页 面 中 ,可 以 利用 该 语句 跳 转 到 loginSuccess. jsp 页 面 。 

3. out 对 象 

out 对 象 用 来 把 结果 输出 到 网 页 上 。 在 前 面 的 例子 中 已 经 多 次 使 用 过 ,其 最 为 常用 的 
方法 是 print( ) 和 println( ) 方 法 。 利 用 out. print( ) 和 out. printlnC ) 都 可 以 输出 任意 类 型 
的 数据 。 

print( ) 和 println( ) 的 区 别 是 : out. println( ) 在 输出 的 数据 后 面 加 换行 符 , 而 out. 
print( ) 不 会 在 输出 的 数据 后 加 换行 符 。 但 是 在 IE 浏览 器 中 显示 HTML 网 页 时 ,这 种 区 别 
并 不 存在 ,因为 println( ) 方 法 所 加 的 换行 符 在 浏览 器 中 并 不 起 作用 。 如 果 用 记事 本 查看 
HTML 源 代 码 时 可 以 看 到 这 个 差别 。 


6.4.1 任务 描述 
编写 JSP 登录 验证 程序 。 
6.4.2 任务 实现 


需要 4 个 JSP 文 件 : login. jsp.login check. jsp.login sucess. jsp.login failure. jsp, 分 


LE 
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4 个 任务 完成 。 
任务 1 编写 登录 页 面 
任务 2 改写 login-cheek. jsp, 获 取 表 单 提交 的 值 .进行 登录 验证 和 页 面 跳 转 
任务 3 改写 登录 成 功 页 面 login-sucess. jsp, 显 示 获 取 的 用 户 名 
任务 4 改写 登录 失败 页 面 login-failture. jsp, 显 示 用 户 名 或 密码 不 正确 
任务 1: 编写 登录 页 面 
新 建文 件 login. jsp, 在 二 body 二 与 <</body 二 之 间 添 加 登录 表单 的 代码 。 表 单 中 包括 
用 户 名 和 密码 框 、 登 录 和 重 置 按钮 ,表单 信息 提交 给 login check. jsp 处 理 。 
创建 表单 在 前 面 的 HTML 中 介绍 过 ,此 处 不 再 重复 ,表单 关键 代码 如 程序 6-26 所 示 。 
【程序 626] login. jsp 文件 代码 
RJ Example Source Code: 


«form action- "login check.jsp" method= "post" 
«table» 
«tr» 
<td> 用 户 名 : </td> 
<td><input type="text" name= "uname">< /td> 
</tr> 
<tr> 
<td> 密 &nbsp;&nbsp;lid : </td> 
<td>< input type= "password" name= "upassword"> < /td> 
</tr> 
«tr» 
«td colspan= "2"» 
«input type- "submit" value- "登录 "> 
«input type- "reset" value- " 重 置 "> 
</td> 
</tr> 
« /table» 
</form> 


登录 页 面 的 运行 结果 如 图 6-10 所 示 ,用 户 可 以 在 文本 框 中 输入 用 户 名 和 密码 , 单 击 【 登 
录 了 按钮 进行 登录 验证 。 


Æ ERAT - Windows Internet Explorer idl 
go- [E nttosiocabostieon e] ||] [Live search 
文件 (E) ”编辑 (E) ”查看 (WW KERA IAW "RD 


[]8-8- * 


图 6-10 登录 页 面 
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任务 2: 改写 login_check. jsp: 获 取 表 单 提交 的 值 .进行 登录 验证 和 页 面 跳 转 

在 登录 验证 页 面 中 ,利用 request 对 象 获 取 用 户 输入 的 用 户 名 和 密码 ,利用 response 对 
象 进行 页 面 重 定向 ,如 果 用 户 名 和 密码 正确 , 则 跳 转 到 login_sucess. jsp 页 面 ,否则 跳 转 到 
login_failure. jsp 页 面 。 

其 中 ,实现 判断 以 及 页 面 跳 转 的 关键 代码 如 程序 6-27 Bron. 

【程序 6-27] login check. jsp 文件 代码 

33 Example Source Code: 


<$% 

// 接收 请 求 的 内 容 

String name= request.getParameter ("uname") ; 

String password- request.getParameter ("upassword") ; 
$> 
<$% 

// 判断 用 户 名 及 密码 

if("admin".equals (name) &&"zhy" .equals (password) ) 

t 


// 合法 用 户 
$> 
<jsp:forward page= "login success.jsp"/> // 跳 转 到 登录 成 功 页 面 
<% 
} 
else 
// 非法 用 户 
$> 
« jsp:forward page- "login failture.jsp" /> // 跳 转 到 登录 失败 页 面 
<$% 
} 
&» 


任务 3: 改写 登录 成 功 页 面 login sucess. jsp :显示 获取 的 用 户 名 
代码 如 程序 6-28 所 示 。 

【程序 6-28] login sucess. jsp 文件 代码 

EJ Example Source Code: 


< $ Gpage contentType- "text/html;charset- gb2312"$ > 
«html» 
<head> 
<title> 登 录 成 功 页 面 < /title> 
</head> 
<body> 
<center> 
<h2> 登 录 成 功 < /h2> 
<h3> 欢 迎 < font color="red" size= "15"> 
«5$-request.getParameter ("uname") $ > // 输 出 获取 的 用 户 名 
</font> 光 临 ! ! ! < /h3> 
</center> 
< /body> 
</html> 
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任务 4: 改写 登录 失败 页 面 login_failture. jsp. 显 示 用 户 名 或 密码 不 正确 
代码 如 程序 6-29 所 示 。 

【程序 6-29】 login failture. jsp 文件 代码 

Example Source Code: 


<% (page contentType- "text/html; charset- gb2312" $» 
«html» 
<head> 
<title> 登 录 失 败 页 面 < /title> 
« /head» 
<body> 
<h2 align= "center"> 登 录 失败 < /h2> 
<% 
out.println(" 用 户 名 或 密码 不 正确 !")7 // 输 出 用 户 名 或 密码 不 正确 
5» 
< /body» 
</html> 


程序 运行 过 程 : 
CD. 首先 进入 登录 页 面 ,在 登录 页 面 中 输入 用 户 名 和 密码 ,如 图 6-11 所 示 。 


Æ SRAT - Windows Internet Explorer 
GJO - http:focahost:so® | 5s [X] [ive search 
文件 (E) ”编辑 (E) EEV KERA IAD "RD 


mmm Žž [| |8-8- * 


登录 验证 
用 户 名 [aaain | 


图 6-11 输入 用 户 信息 


(2) 如 果 输 入 用 户 名 admin 和 密码 zhy, 则 单 击 【登录 了 按钮 后 进入 登录 成 功 页 面 ,如 
图 6-12 所 示 。 


息 窜 陆 成 功 页 面 - Windows Internet Explorer 
Go = [B nto:focabest:eone | 6| X] [tive 
文件 (E) ”编辑 (E) FEW KERA IAW "BD 


Xr ode [upsmisismUm 从 -上 国 - » 
登录 成 功 


欢迎 admin 光临 ! 1 ! 


ich 


图 6-12 登录 成 功 页 面 
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(3) 如 果 在 登录 页 面 上 输入 不 正确 的 用 户 名 或 密码 , 则 进入 登录 失败 页 面 ,如 图 6-13 
所 示 。 


和 登录 失败 页 面 - Windows Internet Explorer 
GO ~ [http:fhocahost:so 轴 [+ |X | [Live search 
文件 (E) ”编辑 (E) SEV BERA TRO) RD 


vod 国 登 录 失 败 页 面 偷 - 国 - , 
登录 失败 
用 户 名 或 密码 不 正确 ! 


图 6-13 登录 失败 页 面 


6.4.3 相关 知识 拓展 


session 对 象 和 application 对 象 也 是 常用 的 内 置 对 象 。 
1. session 对 象 


session 对 象 用 来 保存 网 站 与 每 个 访问 者 会 话 期 间 需 要 保持 的 数据 信息 ,这 样 就 方便 在 
会 话 期 间 处 理 程序 。 所 以 session 对 象 的 作用 是 在 多 个 页 面 共享 某 一 信息 。 例 如 ,可 以 用 
session 变量 记 住 用 户 名 ,以 后 不 必 在 其 他 的 网 页 中 重复 输入 。 当 用 户 关闭 某 个 Web 服务 
器 上 的 所 有 网 页 时 ,此 服务 器 与 客户 机 的 session 对 象 及 其 变量 会 自动 消失 。 

session 对 象 的 常用 方法 有 setAttribute( ) 和 getAttribute( ) 。 

setAttributeC ) 方 法 用 来 设置 指定 session 对 象 中 数据 对 象 的 值 ,其 调用 格式 如 下 : 


session.setAttribute (String name, Object value) 

其 中 ,第 一 个 参数 name 指出 要 设置 的 session 对 象 中 数据 对 象 的 名 称 ; 第 二 个 参数 
value 是 这 个 对 象 对 应 的 值 。 如 果 指 定 的 对 象 不 存在 , 则 新 加 入 一 个 ;如 果 已 存在 , 则 该 值 会 
被 更 改 。 

getAttributeC ) 方 法 用 来 获得 指定 的 session 数据 对 象 .其 调用 格式 如 下 : 


session.getAttribute (String name) 


其 中 ,参数 name 是 指定 session 对 象 的 名 称 。 该 方法 返回 一 个 Object 对 象 ,任何 对 象 
都 可 以 加 入 到 session 中 ,因此 对 返回 的 对 象 要 用 强制 类 型 转换 的 方法 ,将 得 到 的 对 象 转换 
为 此 对 象 原来 的 类 型 。 

[BI 6-23] session 对 象 示例 

新 建文 件 sessionTest. jsp ,代码 如 程序 6-30 所 示 。 

【程序 6-30】 sessionTest. jsp 文件 代码 

I3 Example Source Code: 


<% epage contentType- "text/html;charset- gb2312" 和 > 


ey 
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<html> 
<head> 
«title» ffH session 数据 < /title» 
< /head» 
<body> 
<% 
int num-0; 
Object obj= session.getRttribute ("num") ; // 获 取 session 中 名 称 为 num 的 数据 对 象 
if(obj--null)( 
session.setAttribute ("num", String.valueOf (num) ) ; 


// 在 session 中 建立 num 数 据 对 象 
) 


else 
t 
num- Integer.parseInt (obj .toString( )); 
numt-1; 
session.setAttribute ("num", String.valueOf (num) ) ; 


// 修 改 session 中 num 数 据 对 象 的 值 
} 
$> 


session 中 的 num 值 为 : 
«$-num$? 

< /body» 

</html> 


本 例 模 拟 实现 网 站 的 用 户 在 线 统计 ,第 一 次 运行 的 页 面 结 果 如 图 6-14 所 示 。 


ra sessioni - Windows Internet Ex... "HE 
go- [El http:/nocahost:eoi| [4+] [x] [uive search 
文件 (E) ”编辑 (E) FEW KÆRA 工具 (D MWH 


图 * 


session 中 的 num 值 为 , 


图 6-14 session 示例 运行 结果 1 


刷新 一 次 浏览 器 ,session 中 的 变量 值 会 加 1 ,页 面 结 果 如 图 6-15 所 示 。 


Æ tribsessionBdE - Windows Internet Ex... "= 


go- [http:/ocahost:eolm||*7] [x] [Live search 
文件 (E) ”编辑 (E) FEW KERA IAW  *RhOD 


session 中 的 num 值 为 , 


图 6-15 session 示例 运行 结果 2 
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2. application 对 象 


application 对 象 用 来 在 多 个 程序 或 者 多 个 用 户 之 间 共 享 数据 ,用 户 使 用 的 所 有 
application 对 象 都 是 一 样 的 ,这 与 session 对 象 不 同 。 服 务 器 一 旦 启动 ,就 会 自动 创建 
application 对 象 .并 一 直 保 持 。 当 服务 器 关闭 时 ,application 对 象 会 自动 消失 。 

application 对 象 也 有 setAttributeC ) 和 getAttributeC ) 方 法 。 

application 对 象 的 setAttribute( ) 方 法 用 来 设置 指定 名 称 的 application 数据 对 象 的 属 
性 值 ,其 调用 格式 为 : 

application.setAttribute (String name, Object object) 

其 中 ,第 一 个 参数 name 指出 要 设置 的 application 对 象 中 数据 对 象 的 名 称 ;第 二 个 参数 
object 是 这 个 对 象 对 应 的 值 ,其 类 型 是 Object, 即 可 以 是 任意 类 型 。 如 果 application PRE 
在 对 象 , 则 添加 该 对 象 ; 如 果 已 存在 , 则 将 其 覆盖 。 

application 的 getAttributeC ) 方 法 得 到 指定 的 application 中 数据 对 象 的 值 。 其 调用 格 
Xr. 


application.getAttribute (String name) 


其 中 ,参数 name 是 指定 application 中 数据 对 象 的 名 称 。 

例 6-23 中 用 session 对 象 统计 访问 人 数 ,每 刷新 一 次 ,计数 器 加 1, 因 此 计数 不 准确 。 计 
数 应 当 根 据 是 否 是 一 个 新 的 会 话 来 判断 这 次 访问 网 站 的 人 是 否 是 一 个 新 访问 者 ,可 以 利用 
application 来 保存 访问 网 站 的 人 数 。 

[BI 6-24] application 对 象 示例 

新 建文 件 applicationTest. jsp, 利 用 application 对 象 实现 计数 器 程序 ,代码 如 程序 6-31 
所 示 。 

【程序 6-31] applicationTest. jsp 文件 代码 

I3 Example Source Code: 


<% Gpage contentType = "text/html;charset- gb2312" $» 

<html> 

<head> 

<title> 网 站 计数 器 < /title> 

</head> 

<body> 

<+ 

synchronized void countPeople( ) // 串 行 化 计数 函数 

{ 
ServletContext application= getServletContext( );  // 得 到 application 上下文 
Integer num- (Integer)application.getAttribute ("Count"); 


if(num--null) // 如 果 是 第 一 个 访问 者 


num-new Integer (1); 
application.setAttribute ("Count", num) ; 
} 
else 


{ 
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num- new Integer (num.intValue( )* 1); 
application.setAttribute ("Count", num) ; 
} 

} 
s» 
«&if(session.isNew()) // 如 果 是 一 个 新 的 会 话 
countPeople ( ); 
Integer Number- (Integer)application.getAttribute ("Count"); 
$> 
您 好 ,您 是 本 站 的 第 <$=Number %> 位 客人 ! 
</body> 
</html> 


程序 运行 结果 如 图 6-16 所 示 。 当 刷新 页 面 时 ,其 数值 并 不 加 1, 只 有 关闭 了 所 有 窗口 再 
重新 访问 时 , 才 会 加 1 。 


Æ mpita - Windows Internet Explorer — 
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您 好 , 您 是 本 站 的 第 2 位 客人 1! 


图 6-16 网 站 计数 器 


6.4.4 £m 


request , response ,out, session 和 application 这 5 个 内 置 对 象 在 JSP 编程 中 使 用 非常 
频繁 ,是 要 掌握 的 重点 内 容 ,一定 要 通过 实例 体会 它们 的 用 法 。 至 于 其 他 内 置 对 象 ,编程 中 
很 少 用 到 ,因此 可 以 暂且 不 学 。 

在 JSP 编程 中 ,服务 器 程序 与 客户 端 交互 的 最 常用 的 方法 是 通过 表单 提交 数据 ,利用 
request 对 象 可 以 得 到 表单 中 的 相应 值 。request 对 象 的 对 应 对 象 是 response. response 对 
象 用 于 响应 客户 端 请 求 ,向 客户 端 发 送 数据 。 

HTTP 是 一 个 无 状态 的 协议 ,不 保留 会 话 间 的 数据 ,可 通过 session 对 象 保留 会 话 期 间 
需要 的 数据 信息 application 对 象 用 于 提供 一 些 全 局 的 数据 和 对 象 .保留 在 服务 器 端 。 

要 使 用 session 对 象 ,浏览 器 必须 支持 cookie。 如 果 客 户 端 浏览 器 禁止 cookie, 则 无 法 
从 客户 端 浏览 器 中 取得 作为 cookie 的 session ID. Bl session 无 效 。 


6.5 yl 


将 


实现 “新 闻 类 别 网 站 ”的 登录 验证 功能 。 


© 
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网 站 服务 器 端的 功能 ,就 是 整个 系统 的 业务 层 , 是 负责 对 数据 进行 处 理 的 , 即 获 取 并 执 
行 用 户 操作 、 对 数据 进行 存 取 和 形成 并 响应 用 户 操作 等 。 

本 系统 网 站 服务 器 端 功能 的 实现 主要 由 Java 语言 实现 ,在 整个 开发 过 程 中 涉及 较 多 的 
Java 语言 相关 知识 。 

本 章 遵循 软件 工程 的 原理 ,在 前 几 章 进 行 相 关 设 计 的 基础 上 ,从 编写 公共 模块 文件 . 主 
要 功能 模块 .其 他 功能 模块 和 网 站 安全 性 设计 几 个 方面 对 系统 的 整个 开发 过 程 进 行 了 详细 
而 全 面 的 讲解 。 


7.1 编写 公共 模块 文件 


A) 包 用 于 组 织 Java 文件 ,把 Java 文件 分 类 到 不 同 的 文件 夹 , 便 于 查找 和 分 类 。 

(2) 包 可 以 减少 文件 命名 重复 的 概率 ,定位 一 个 Java 文件 不 仅仅 是 它 的 名 字 , 还 要 加 
上 包 名 ,无 形 中 加 长 了 文件 名 字 。 

2. 建立 包 结 构 的 四 个 指导 性 原则 

COD 包 内 高 内 聚 ,但 在 某 些 分 布 式 环境 下 可 能 会 打破 这 种 原则 。 

(2) 隐藏 细节 ,特别 是 实现 的 细节 。 

(3) 面向 问题 域 ( 即 面向 业务 ) ,使 用 该 领域 的 一 般 概 念 组 织 包 结构 ,而 不 是 使 概念 支 离 
破碎 。 

(4) 一 个 包 内 的 类 可 以 被 共同 重用 。 

3. 建立 包间 关系 的 四 条 指导 性 原则 

(OD E RERS. 

(2) 无 循环 依赖 (ADP) 。 

(3) 稳定 依赖 (SDP) ,尽量 依赖 稳定 的 包 ( 意 味 着 难以 改变 ) 。 

(4) 抽象 依赖 (SAP) ,稳定 的 包 要 用 抽象 的 层 (or 接口 ) 隔 离 。 

4. Java 的 导入 (import) 

Java 导入 类 的 两 种 方式 是 : 单 类 型 导入 (single 一 type 一 import, 例 如 import java. io. 
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File) , 按 需 类 型 导入 (type 一 import 一 on 一 demand, 例 如 import java. io. * ) 。 

(1) 单 类 型 导入 

对 于 单 类 型 导入 ,仅仅 导入 一 个 public 类 或 者 接口 。 

单 类 型 导入 类 时 ,Java 编译 器 会 从 启动 目录 (bootstrap)、 扩 展 目录 (extension) 和 用 户 
类 路 径 依 次 去 定位 需要 导入 的 类 ,而 这 些 目录 仅仅 是 给 出 了 类 的 顶层 目录 。jJava 编译 器 的 
类 文件 定位 方法 可 以 按 如 下 公式 来 理解 

顶层 路 径 名 \ 包 名 \ 文件 名 .class 一 绝对 路 径 

可 以 看 出 ,采用 单 类 型 导入 类 时 ,因为 包 名 和 文件 名 都 已 经 确定 ,所 以 可 以 一 次 性 查找 
定位 。 使 用 单 类 型 导入 至 少 有 以 下 两 点 好 处 : 

(D 提高 编译 速度 。 

Q 避免 命名 冲突 。 

但 是 使 用 单 类 型 导入 会 使 用 import 语句 ,看 起 来 较 长 。 

(2) 按 需 类 型 导入 

按 需 类 型 导入 ,并 不 是 导入 一 个 包 下 的 所 有 类 ,而 是 按 需 导入 , 即 并 非 导 入 整个 包 , 而 仅 
仅 导 入 当前 需要 使 用 的 类 。 

按 需 类 型 导入 类 时 ,Java 编译 器 会 把 包 名 和 文件 名 进行 排列 组 合 ,然后 对 类 文件 所 有 
可 能 存在 的 路 径 进 行 查找 定位 。 例 如 : 

package com; 

import java. io. * ; 

import java. util. * ; 

当 类 文件 中 用 到 了 File 类 ,那么 可 能 出 现 File 类 的 地 方 有 : 

O File: File 类 属于 无 名 包 , 就 是 说 File 类 没有 package 语句 ,编译 器 会 首先 搜索 无 
名 包 。 

© com. File: File 类 属于 当前 包 。 

@ java. lang. File: 编译 器 会 自动 导入 java. lang 包 。 

@ java. io. File。 

© java. util. File. 

Java 编译 器 找到 java. io. File 类 之 后 并 不 会 停止 下 一 步 的 寻找 ,而 要 把 所 有 的 可 能 性 
都 查找 完 以 确定 是 否 有 类 导入 冲突 。 假设 此 时 的 顶层 路 径 有 三 个 ,那么 编译 器 就 会 进行 
3X5 一 15 次 查找 。 

所 以 , 按 需 类 型 导入 类 并 不 会 降低 Java 代码 的 执行 效率 ,但 会 影响 到 Java 代码 的 编译 
速度 。 


7.1.1 任务 描述 


利用 Eclipse 编写 “新 闻 类 别 网 站 ”的 公共 模块 文件 。 
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7.1.2 任务 实现 


在 每 个 系统 中 ,都 需要 对 字符 串 页 面 参数 .网 页 HTML EI Cookie 参数 进行 处 理 来 
实现 系统 的 交互 ,可 以 说 对 系统 的 实现 都 是 在 进行 字符 串 的 格式 化 处 理 。 因 此 ,根据 网 页 整 
体 设计 的 功能 抽象 ,需要 对 各 种 类 型 的 字符 串 进行 特殊 的 输入 输出 处 理 , 在 此 根据 实际 的 需 
求 和 经 验 ,总 结 了 “新 闻 类 别 网 站 ”的 功能 组 件 设计 , 共 分 五 个 任务 来 实现 。 

在 实际 的 操作 中 ,我 们 将 建立 对 应 的 包 结 构 , 用 来 存放 相关 的 文件 ,在 本 项 目 中 存放 公 
用 类 的 包 结 构 为 : com\news\util。 


任务 1 构建 包 结构 

任务 2 编写 页 面 参数 处 理 模 块 

任务 3 编写 格式 化 字符 串 模块 

任务 4 编写 表现 层 页 面 公共 模块 

任务 5 编写 表现 层 的 JSP 页 面 框架 结构 
任务 1: 构建 包 结 构 
具体 操作 步骤 如 下 : 


Q) 在 Eclipse 界面 左 侧 的 【项 目 资源 管理 器 中 * 右 击 " 并 选择 新 建 的 Web 项 目 New， 
然后 选择 【新建 ] 民 包 了 命令 ,如 图 7-1 所 示 。 
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(2) 在 弹出 的 [新建 Java 包 】 对 话 框 的 [名 称 ] 文 本 框 中 输入 “util”, 单 击 【完成 3 按钮 ,如 
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E JÆ Java B 


Java ti 
包 陡 新 的 Java B. 


创建 与 包 相对 应 的 文件 爽 。 
源 文件 夹 四 : [New/src/con/news 
ARD: util 


图 7-2 [H8 Java 包 ] 对 话 框 


任务 2: 编写 页 面 参数 处 理 模块 
下 面 的 类 的 代码 把 表单 参数 进行 初始 化 并 取出 值 来 ,用 法 为 ParamUtil. getString 


C'ixt name?) ,因为 本 例 声明 getString 为 静态 函数 。 此 函数 有 同名 重 载 的 函数 , 当 参 数 取 
出 的 值 为 空 时 ,一 个 返回 null, 一 个 返回 默认 值 。 具 体操 作 步 又 如 下 : 


(1) 在 Eclipse 中 新 建 页 面 参数 处 理 模 块 ParamUtil 类 文件 ,保存 到 任务 1 所 建 的 包 


中 ,文件 名 为 ParamUtil. java。 


(2) 在 ParamUtil 类 中 添加 如 程序 7-1 所 示 的 代码 。 
【程序 7-1】 getString(request, paramName) 方 法 
I3 Example Source Code: 


public static String getString (HttpServletRequest request,String paramName)( 
String temp- request.getParameter (paramName) ; 
if (temp! -null&&! temp.equals ("")) 
return temp; 
else 
return null; 
} 
public static String getString (HttpServletRequest request, String paramName, String 
defaultString)( 
String temp- getString (request, paramName); 
if(temp-- null) 
temp-defaultString; 
return temp; 
} 
public static int  getInt (HttpServletRequest request, String  paramName ) throws 
NumberFormatException( 
return Integer.parseInt (getString (request, paramName)) ; 
} 
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public static int getInt (HttpServletRequest request, String paramName, int defaultInt)( 
tryf 
String temp- getString (request, paramName) ; 
if(temp-- null) 
return defaultInt; 
else 
return Integer.parseInt (temp); 
$ 
catch (NumberFormatException e) { 
e.printStackTrace ( ); 
return 0; 


) 


任务 3. 编写 格式 化 字符 串 模 块 

该 类 为 对 一 些 不 规则 的 数据 进行 格式 化 处 理 的 类 ,如 对 日 期 时 间 的 不 同 格式 进行 格式 
化 ,以 便 达 到 系统 要 求 的 精确 度 ,另外 此 类 还 补充 了 字符 处 理 类 所 没有 的 一 些 功能 ,如 字符 
串 蔡 换 , 将 源 字符 串 中 的 旧 字 符 串 全 部 换 成 新 的 字符 串 ,将 字符 串 格 式 化 成 HTML 代码 输 
出 ,或 将 普通 字符 串 格式 化 成 数据 库 认 可 的 字符 串 格式 等 。 

Format. java 包括 的 主要 功能 方法 有 : 


public static String getDateTime( ) 


public static String getStrDate(String DateString. int ShowType) 
public static boolean compareTo(String last. String now) 
public static String toHtmlInput(String str) 
public static String toHtml(String str) 
public static String toSqlCString str) 
具体 操作 步骤 如 下 : 
(1) 在 Eclipse 中 新 建 格式 化 字符 串 模 块 Format 类 文件 ,保存 到 任务 1 所 建 的 包 中 , 文 
件 名 为 Format. java。 
(2) 在 Format 类 中 添加 如 程序 7-2 和 程序 7-3 所 示 的 代码 。 
程序 7-2 和 程序 7-3 是 对 日 期 时 间 数 据 进 行 格式 化 处 理 的 函数 ,将 其 转化 为 形 如 “2004- 
10-25 21:;25:32” 的 格式 ,不 同系 统 对 时 间 要 求 的 精确 度 可 能 不 同 , 有 的 会 以 时 间作 为 唯一 
关键 的 字段 ,所 以 要 保证 其 唯一 性 ,因此 有 必要 进行 处 理 。 
【程序 7-2】 getDateTime( ) 方 法 
大 Example Source Code: 
"m 
* 获取 系统 时 间 
* Greturn 格式 化 后 的 字符 串 日 期 
We static String getDateTime( ) { 
SimpleDateFormat formatter- new SimpleDateFormat ("yyyy-MM-dd HH:mm:ss") ; 
java.util.Date Now-new java.util.Date(); 


String NDate- formatter.format (Now); 
return NDate; 
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【程序 7-3】 getStrDate(String DateString. int ShowType) 
QJ Example Source Code: 


/** 
* 获取 字符 串 日 期 ,将 指定 的 Datestring 按 照 ShowType 指 定 的 类 型 显示 出 来 
* param DateString 字符 串 型 日 期 
* (param ShowType 日 期 显示 的 类 型 
* (return 变换 后 的 字符 串 型 日 期 
*/ 
public static String getStrDate (String DateString, int ShowType) { 
try { 


SimpleDateFormat sdf=new SimpleDateFormat ( ); 
Date now= sdf .parse (DateString); 
DateFormat date; 
switch (ShowType) { 
case 1: // "Ymd" 

date-DateFormat.getDateInstance (DateFormat.DAY OF YEAR FIELD); 
case 2: // "Ymd H:I A": 

date- DateFormat.getDateInstance (DateFormat.AM PM FIELD); 
case 3: 

date- DateFormat .getDateInstance (DateFormat . FULL) ; 
case 4: // "YmdHIS":( 

date- DateFormat.getDateInstance (DateFormat.HOUR OF DAY]1 FIELD); 
case 5: // "ym": 

date- DateFormat.getDateInstance (DateFormat.MONTH FIELD); 
case 6: // "md": 

date- DateFormat.getDateInstance (DateFormat.MINUTE FIELD); 
case 7: // "d": 

date- DateFormat .getDateInstance (DateFormat.FULL); 
default: 

date- DateFormat .getDateInstance (DateFormat DEFAULT) ; 
} 
return date.format (now); 

) catch (ParseException e) ( 

e.printStackTrace(); 
return "d"; 


} 


(3) 在 Format 类 中 添加 如 程序 7-4 所 示 的 代码 。 

程序 7-4 是 对 两 个 字符 串 进行 比较 的 函数 ,为 了 有 效 地 对 两 个 字符 串 进行 比较 ,有 必要 
设置 此 方法 进行 相关 的 处 理 。 

【程序 7-4】 compareTo(String last. String now) 方 法 

I3 Example Source Code: 


/** 


* 比较 两 个 字符 串 蔡 换 ,将 last 与 now 进 行 比 较 
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* @param last 老 的 字符 串 

* @param now 新 的 字符 串 

* @return 两 字符 串 是 否 相 等 

*/ 

public static boolean compareTo (String last, String now) { 
try ( 


DateFormat formatter- DateFormat.getDateInstance( ); 
Date templ- formatter.parse (last); 
Date temp2- formatter.parse (now) ; 
if (templ.after (temp2)) 
return false; 
else if (templ.before (temp2)) 
return true; 
) catch (ParseException e) ( 
e.printStackTrace(); 
} 
return false; 
} 


(4) 在 Format 类 中 添加 如 程序 7-5 所 示 的 代码 。 
程序 7-5 是 将 指定 字符 串 中 的 指定 旧 字 符 替 换 为 新 字符 ,有 时 程序 需要 将 一 些 指定 的 


字符 替换 为 新 的 字符 ,因此 有 必要 进行 处 理 。 


【程序 7-5] Replace(String source. String oldString.String newString) 
I3 Example Source Code: 


/x 
* 字符 串 蔡 换 , 将 source 中 的 oldstring 全 部 换 成 newstring 
* @param source Wm 


* (param oldString 老 的 字符 串 

* @param newString 新 的 字符 串 

* @return 替换 后 的 字符 串 

*/ 

public static String Replace (String source, String oldString,String newString) ( 
StringBuffer output- new StringBuffer( ); 


int lengthOfSource- source.length(); // 源 字 符 串 长 度 
int lengthofold=oldstring.length( ); // 老 字 符 串 长 度 
int posStart= 07 // 开始 搜索 位 置 
int pos; // 搜索 到 老 字 符 串 的 位 置 


while ((pos= source.indexOf (oldString, posStart))»- 0) { 
output .append (source.substring (posStart, pos)); 
output .append (newString); 
posStart-pos* lengthOfOld; 

} 

if (posStart« lengthOfSource) { 
output .append (source.substring (posStart)); 

) 

return output.toString( ); 
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(5) f£ Format 类 中 添加 如 程序 7-6 和 程序 7-7 所 示 的 代码 。 

程序 7-6 和 程序 7-7 是 将 字符 串 格式 化 成 HTML 代码 输出 的 函数 ,只 转换 特殊 字符 ， 
适合 于 HTML 中 的 表单 区 域 .特殊 符号 如 & ,一 ,二 等 在 HTML 中 定义 了 相应 的 代码 ,为 
了 更 方便 地 提交 给 服务 器 进行 解释 ,此 函数 提供 了 这 种 转换 功能 。 

【程序 7-6] toHtmlInput(String str) 

i33 Example Source Code: 


i 

* 将 字符 串 格 式 化 成 HIML 代码 输出 ,只 转换 特殊 字符 ,适合 于 HTML 中 的 表单 区 域 
* @param str 要 格式 化 的 字符 串 

* Greturn 格式 化 后 的 字符 串 

*/ 


public static String toHtmlInput (String str) { 

if (str--null) 
return null; 

String html- new String (str); 
html-Replace (html, "&", "&amp;"); 
html-Replace (html, "<", "&1lt;"); 
html-Replace (html, ">", "&gt;"); 
return html; 

) 


【程序 7-7】 toHtmlCtring str) 
EJ Example Source Code: 
/x 


* 将 字符 串 格式 化 成 HTML 代码 输出 , 除 普 通 特 殊 字符 外 ,还 对 空格 、 制 表 符 和 换行 进行 转换 ,以 将 内 
容 格式 化 输出 ,适合 于 HT 中 的 显示 输出 


* @param str 要 格式 化 的 字符 串 
* (return 格式 化 后 的 字符 串 
*/ 


public static String toHtml (String str) { 

if (str--null) 
return null; 

String html- new String (str); 
html- toHtmlInput (html); 
html-Replace (html, "ArWn", "WAn"); 
html-Replace (html, "An", "<br> An"); 
html-Replace (html, "At", " "y 
html=Replace (html, " ", " &nbsp;"); 
return html; 

} 


(6) 在 Format 类 中 添加 如 程序 7-8 所 示 的 代码 。 

程序 7-8 也 是 将 普通 字符 串 格 式 化 成 数据 库 认 可 的 字符 串 格式 的 函数 ,数据 库 提 取出 
来 的 数据 和 程序 中 处 理 的 数据 ,经 常 出 现 为 初始 化 的 现象 .导致 页 面 会 显示 Null 等 不 正常 
的 字符 串 , 因 此 有 必要 进行 处 理 。 


© 
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【程序 7-8〗 toSql(String str) 方 法 
Qj Example Source Code: 


/** 

* 将 普通 字符 串 格式 化 成 数据 库 认可 的 字符 串 格式 
* Gparam str 要 格式 化 的 字符 串 

* Greturn 合法 的 数据 库 字 符 串 

*/ 


public static String toSql (String str) ( 
String sql- new String (str); 
return Replace (sql, "'", """); 

) 


(7) f£ Format 类 中 添加 如 程序 7-9 所 示 的 代码 。 

程序 7-9 是 将 普通 字符 串 按照 指定 的 数量 显示 出 来 ,或 者 截 掉 多 余 的 字符 ,在 列表 显示 
相关 标题 时 ,由 于 标题 字符 长 度 的 不 同 , 经 常 出 现 参差 不 齐 的 现象 ,导致 页 面 显 示 不 规范 , 因 
此 有 必要 进行 处 理 。 

【程序 7-9] CutStrCString str.int Len) 方 法 

EJ Example Source Code: 


/** 

* 将 普通 字符 串 str 按照 Len 指定 的 长 度 显示 ,多 余 的 字符 将 被 截 掉 , 并 补 以 *..”。 
* @param str 要 格式 化 的 字符 串 

* @param Len 字符 串 的 长 度 

* Greturn 合法 的 数据 库 字 符 串 

*/ 


public static String CutStr(String str, int Len) ( 
if (str.length( )»Len) ( 
return str.substring(0, Len)* "..."; 
) 
return str; 


) 

任务 4. 编写 表现 层 页 面 公共 模块 

公共 页 面 模块 就 是 将 网 页 头 部 .导航 .版权 和 尾部 等 一 些 经 常 出 现 的 部 分 进行 封装 ,在 
需要 这 些 部 分 的 时 候 直 接 调用 ,尤其 是 在 模块 化 设计 盛行 的 今天 ,这 种 公共 模块 封装 思想 更 
是 流行 ,而 且 这 样 的 设计 也 有 助 于 进行 动态 网 站 的 维护 , 当 需 要 改动 站 点 时 ,只 要 在 对 应 的 
模块 中 作 修 改 就 可 以 了 ,从 而 实现 “一 处 修改 ,全 部 改变 ”的 效果 。 

Config. java 包括 的 主要 功能 方法 有 : 

public String PrintHead (String title) 


public String PrintTop( ) 
public String PrintFooter( ) 


具体 操作 步骤 如 下 : 


A) 在 Eclipse 中 新 建 表现 层 页 面 公共 模块 Config 类 文件 ,保存 到 任务 1 所 建 的 包 中 ， 
文件 名 为 Config. java。 


(2) 在 Config 类 中 添加 如 程序 7-10 所 示 的 代码 。 


> 
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程序 7-10 是 将 网 页 的 头 部 代码 进行 封装 ,为 了 更 灵活 的 显示 网 页 的 标题 ,程序 中 设置 


一 个 参数 title, 这 样 就 使 页 面 的 模块 化 处 理 更 到 位 了 。 


[7-10] PrintHead(String title) 方 法 
BE Example Source Code: 


/ 关 尖 尖 关 闪闪 闪闪 闪闪 闪闪 闪闪 关 闪闪 闪闪 关 尖 尖 关 关 关 关 关 闫 关 尖 关 关 关 关 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 尖 关 关 关 关 关 闪闪 关 关 关 关 关 关 关头 关 关 关 关 关 关 
* 因数 名 : PrintHead 
* 作用 : 封装 网 页 头 部 代码 
* 参数 : title, 网 页 标题 
* 返回 值 : 字符 型 。 返 回 网 页 头 部 代码 
* Gthrows Exception 
REYE JE DE EENE AE DE EREA AE DE DERE AE DE EENE AEDE EENE AEDE EEEE AE EEE AE DEE RERE AE DEERE AE AE E ENERE AE EEEE E EEEIEE REEE EEEE EEE RERA / 
public String PrintHead (String title) throws Exception { 
try { 
StringBuffer sb- new StringBuffer ( ); 
sb. append ( "<! DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN 
V" \"http://www.w3.org/TR/xhtml1/DTD/xhtmll-transitional.dtd\"> Xn") ; 
Sb.append ("<html xmlns- V'http: //www.w3.0rg/1999/xhtmlV"» Xn") ; 
Sb.append ("< head» Xn") ; 
Sb.append("« meta http-equiv- V"Content-TypeV" content= V"text/html; charset- gb2312 
V />\n"); 
sb.append ("< title» "+title+ "< /title> Wn"); 
Sb.append ("< link href= V" Themes/default/Style.cssV" rel= V'stylesheet V" type- V" 
text/cssV" /> An"); 
Sb. append ("< script language- \" javascript V" type= \" text/javascript V" src= V" 
Comment.jsV"»« /script» Mn"); 
Sb.append ("< /head» Wn") ; 
Sb.append ("< body» Xn") ; 
Sb.append (PrintTop( )); 
return sb.toString(); 
) catch (Exception e) ( 
e.printStackTrace(); 
return null; 


) 


(3) 在 Config 类 中 添加 如 程序 7-11 所 示 的 代码 。 

程序 7-11 是 将 网 页 的 导航 代码 进行 封装 ,并 利用 循环 实现 了 栏目 信息 的 动态 显示 。 
【程序 7-11】 PrintTop( ) 方 法 

大 Example Source Code: 


JOOOOOOOOOOOOOOOOOOOOOOOOOOOOOIOOOIOIOOOIOOOOOIOOIOIOIOIOOOIOIOOIEOIOI OO HOO ENERE ENERE EERE EEEE EEEE 
* KŠA : PrintTop 

* 作用 : 封装 网 页 导航 代码 

* 参数 : 无 

< 返回 值 : 字符 型 。 返 回 网 页 导航 代码 

* @throws Exception 
JOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOCOOOOOOOOOOOOOOOOOO(OOOO(UOOO(O(OO|O((OO|O|O/|Op|eeer / 


public String PrintTop( ) throws Exception { 
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tri 
StringBuffer sb- new StringBuffer ( ); 
sb.append ("< div ID= V'TopV"» \n")7 
sb.append(" <div id=\"Logo\">\n"); 
sb.append ("< img src= V"Themes/default/Images/Flogo.jpgV" />\n"); 
sb.append ("< /div> \n"); 
Sb.append(" <div ID= V'BannerV"» \n"); 
sb.append ("<a href= \"http://211.82.32.36 人 "> 学 校 首页 < /a> | \n"); 
sb.append ("<A href- '£' name-home onclick-defaul home( );> 设 为 首页 < /a> |\n"); 
sb.append("«A href- '#' onclick=defaul addFavorite( );> 添 加 收藏 < /a> | \n"); 
sb.append ("<a href= 'mailto:guotianbing@sxftc.edu.cn'> 联 系 我 们 < /a» Nn") ; 
sb.append ("< /div» \n"); 
Sb.append(" «div class=\"clear\"></div> Nn") ; 
Sb.append ("< /div» Wn") ; 
Sb.append ("< div ID- V'MenuBarV"» An") ; 
sb.append(" <DIV ID- V'timeV"» An") ; 
Sb.append ("< SCRIPT type= V'text/javascriptV'» Printtime( )< /SCRIPT> M") ; 
sb.append ("< /DIV» Mn") ; 
Sb.append("« div id= \"Menu\"> Mn") ; 
sb.append ("<a ID- V'HomeV" href- V'Default.jspV'» ff U[ « BR /» « span class= V'Menu2W" 
> Home« /span> < /a» ") ; 
inti; 
Vector MenuVector- new Vector( ); 
MenuVector- MenuManage.getMenus (0) 7 
for (i-0; i«MenuVector.size( ); i++) ( 
MenutempMenu- (Menu) MenuVector.get (i); 
if (tempMenu.getHide( )-- 0) 
Sb.append("« a href- V"List.jsp? MenuID-" 

+ tempMenu.getMenuID( )* "V"»" 

* tempMenu.getMenuName ( ) 

*"«BR /»« span class= V'Menu2V"» " 

+ tempMenu.getMenuEName ( ) * "< /span» < /a» ") ; 
) 
sb.append ("< /div» An") ; 
sb.append ("< /div» An") ; 
return sb.toString(); 

) catch (SQLException e) { 

e.printStackTrace( ); 
return null; 


} 


(4) 在 Config 类 中 添加 如 程序 7-12 所 示 的 代码 。 

程序 7-12 是 将 网 页 的 尾部 代码 进行 封装 ,使 用 了 一 个 StringBuffer 将 代码 封装 ,最 后 
利用 StringBuffer 的 toString( ) 方 法 将 代码 返回 ,这 样 就 对 页 面 尾部 的 信息 进行 了 处 理 。 

【程序 7-12] PrintFooter( ) 方 法 

EJ Example Source Code: 


[3OROHOOEOGORIOOXOHEXORIEOREROEEORERIEROEIRIEIEROOREIIEIRIOIEIUIOOOUOOUOHU]HO]UBOUHOOE 


* BELA : PrintFooter 
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* 作用 : 封装 网 页 尾部 代码 

* 参数 : 无 

* 返回 值 : 字符 型 。 返 回 网 页 的 尾部 代码 

* @throws Exception 

关 关 关 关 闪闪 关 关 关 尖 尖 关 关 关 尖 尖 关 关 关 关 关 关 关 关 尖 关 关 关 关 尖 关 关 关 关 尖 关 关 尖 尖 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 关 / 

public String PrintFooter( ) { 

try ( 
StringBuffer sb- new StringBuffer ( ); 
sb.append ("< div ID- V'FooterV"» Nn") ; 
sb.append ("< div ID- V'CopyrightV"» Mn") ; 
sb.append ("< div» Mn") ; 
sb.append("<a href=\"About.jsp\"> 关 于 我 们 < /a» |Nn") ; 
sb.append ("<a href=\"Readme.jsp\"> 安 装 说 明 < /a> |\n"); 
sb.append ("<a href=\"Profile.jsp\"> 功 能 简介 < /a> |\n"); 
sb.append ("< a href=\"Copyright.jsp\"> 版 权 说 明 < /a> |Nn") ; 
sb.append("« a href=\"Admin Main.jsp\"> 管 理 人 口 </a> Nn") ; 
sb.append ("< /div> \n"); 
sb.append ("< div> Copyright &copy; 1998- 2008 All Rights Reserved< /div» Xn"); 
sb.append ("< div> 版 权 所 有 : 8 工作 室 < /div» Nn") ; 
sb.append ("< /div» \n"); 
sb.append ("< /div> \n"); 
Sb.append ("< /body> \n") ; 
sb.append ("< /html> \n"); 
return sb.tostring( ); 
} catch (Exception e) { 

e.printstackTrace( ); 
return null; 


} 


任务 5: 编写 表现 层 的 JSP 页 面 框架 结构 
“新 闻 类 别 网 站 ”中 不 仅 有 模块 化 的 类 方法 ,而 且 表现 层 的 JSP 页 面 都 采用 了 统一 的 公 


共 框 架 模块 结构 ,使 上 述 模块 如 页 面 的 头 、 尾 及 导航 部 分 的 模块 化 更 好 地 体现 了 出 来 ,从 而 
实现 了 代码 的 优化 和 重用 ,在 本 系统 中 涉及 表现 层 JSP 页 面 的 都 将 采用 本 框架 结构 ,具体 
结构 如 程序 7-13。 具 体操 作 步 又 如 下 : 


CD 在 Eclipse 中 新 建 一 个 JSP 文件 .作为 表现 层 的 JSP 页 面 框架 结构 ,保存 到 项 目 中 ， 


文件 名 为 Temp-jsp. jsp, 具 体 步 又 可 参看 5.6 节 的 任务 2。 


(2) 在 上 步 新 建 的 JSP 文件 中 添加 如 程序 7-13 所 示 的 代码 。 
【程序 7-13】〗 JSP 页 面 的 公共 框架 结构 
大 Example Source Code: 


<%@ page contentType- "text/html;charset- GB2312" pageEncoding- "GBK"$ > 
«$8 page import- "com.news. * "$> 

«$8 page import- "com.news.menu.* "$> 

«$8 page import- "com.news.util.* "$> 

<%@ page import- "com.news.article. * "$> 

<%@ page import- "com.news.user. * "$> 

«$0 page import- "java.util.Vector"$» 
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try{ 
response.setHeader ("Pragma", "No-cache") ; 
response.setHeader ("Cache-Control", "no-cache"); 
response.setDateHeader ("Expires", 0); 
request.setCharacterEncoding ("GBK") ; 
Config con- new Config( ); 
out.print (con.PrintHead ("登录 页 面 ")); 
// 处 理 代码 
// 处 理 代码 
// 处 理 代码 
out.print (con.PrintFooter( )); 

} 

catch (Exception e){ 
e.printStackTrace(); 
String errMsg- e.getMessage( ); 


7.1.3 相关 知识 拓展 


1. 模块 化 设计 (Block-based design? 


模块 化 设计 ,简单 地 说 就 是 程序 的 编写 不 是 开始 就 逐条 录入 计算 机 语句 和 指令 ,而 是 首 
先 用 主 程序 、 子 程序 、 子 过 程 等 框架 把 软件 的 主要 结构 和 流程 描述 出 来 ,并 定义 和 调试 好 各 
个 框架 之 间 的 输入 、 输 出 接口 关系 。 

在 软件 主要 结构 和 流程 的 基础 上 ,再 用 逐步 求 精 的 方法 得 到 一 系列 以 功能 模块 为 单位 
的 算法 描述 。 以 功能 模块 为 单位 进行 程序 设计 ,实现 其 求解 算法 的 方法 称 为 模块 化 。 模 块 
化 的 目的 是 为 了 降低 程序 复杂 度 , 使 程序 设计 ,调试 和 维护 等 操作 简单 化 。 


2. 使 用 模块 化 程序 设计 方法 


在 设计 程序 求解 问题 时 ,首先 要 对 问题 从 整体 的 角度 进行 分 析 , 将 其 分 解 成 几 个 有 机 的 
组 成 部 分 ,如 果 某 些 部 分 还 比较 复杂 可 青 分 解 , 经 过 逐步 分 解 和 细 化 后 ,将 一 个 大 而 复杂 的 
问题 从 总 体 到 局 部 ,逐步 分 解 为 若干 个 小 的 可 解 的 基本 问题 . 青 通 过 求解 这 些 基 本 问题 最 终 
求解 得 原 问题 的 解 。 

模块 化 程序 设计 方法 反映 了 结构 化 程序 设计 的 “ 自 项 而 下 .逐步 求 精 ” 的 基本 思想 。 


3. 提高 模块 的 独立 性 


尽量 使 每 个 模块 都 具有 独立 的 功能 。 设 计 程 序 系统 时 使 用 按 功 能 划分 模块 的 方法 ,使 
模块 的 内 聚 度 强 ,耦合 度 弱 (独立 性 比较 高 ) 。 


4. 按 层次 结构 组 织 模块 
采用 模块 化 方法 得 到 的 系统 是 由 互相 连接 的 模块 构成 的 。 进 行 模块 化 程序 设计 时 , 提 
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倡 按 层次 结构 组 织 各 模块 。 


7.1.4 经 验 总 结 


作为 一 名 网 站 设计 者 ,一定 要 记 住 package 和 import 关键 字 的 作用 就 是 分 割 单个 全 局 
命名 空间 ,保证 不 会 遇 到 名 字 的 冲突 一 一 无 论 有 多 少 人 使 用 因特网 ,也 无 论 有 和 多少 人 用 
Java 编写 自己 的 类 。 

大 家 或 许 已 注意 到 这 样 一 个 事实 : 由 于 一 个 包 永远 不 会 真 的 “封装 ”到 单独 一 个 文件 里 
面 , 它 可 由 多 个 . class 文件 构成 ,所 以 局 面 可 能 稍微 有 些 混乱 。 为 避免 这 个 问题 ,最 合理 的 
一 种 做 法 就 是 将 某 个 特定 包 使 用 的 所 有 . class 文件 都 置 入 单个 目录 里 。 也 就 是 说 ,要 利用 
操作 系统 的 分 级 文件 结构 避免 出 现 混乱 局 面 ,这 正 是 Java 所 采取 的 方法 。 

Java 同时 也 解决 了 另外 两 个 问题 : 创建 独一无二 的 包 名 以 及 找 出 那些 可 能 深 藏 于 目录 
结构 某 处 的 类 。 为 达到 这 个 目的 ,需要 将 . class 文件 的 位 置 路 径 编 码 到 package 的 名 字 里 。 
但 根据 约定 ,编译 器 强迫 package 名 的 第 一 部 分 是 类 创建 者 的 因特网 域名 。 由 于 因特网 域 
名 肯定 是 独一无二 的 (由 InterNIC 保证 一 一 注释 @, 它 控制 着 域名 的 分 配 ), 所 以 假如 按 这 
一 约定 行事 ,package 的 名 称 就 肯定 不 会 重复 .所 以 永远 不 会 遇 到 名 称 冲 突 的 问题 。 换 句 话 
说 ,除非 将 自己 的 域名 转让 给 其 他 人 ,而 且 对 方 也 按照 相同 的 路 径 名 编写 Java 代码 ,否则 名 
字 的 冲突 是 永远 不 会 出 现 的 。 当 然 , 如 果 没 有 自己 的 域名 ,那么 必须 创造 一 个 非常 生僻 的 包 
名 (例如 自己 的 英文 姓名 ) ,以 便 尽 最 大 可 能 创建 一 个 独一无二 的 包 名 。 如 决定 发 行 自己 的 
Java 代码 ,那么 强烈 推荐 去 申请 自己 的 域名 , 它 所 需 的 费用 是 非常 低廉 的 。 

这 部 分 技巧 的 另 一 方面 是 Java 将 package 名 解析 成 自己 机 器 上 的 一 个 目录 。 这 样 一 
X Java 程序 运行 并 需要 装载 . class 文件 的 时 候 ( 这 是 动态 进行 的 ,在 程序 需要 创建 属于 那 
个 类 的 一 个 对 象 ,或 者 首次 访问 那个 类 的 一 个 static 成 员 时 ) ,就 可 以 找到 . class 文件 驻 留 
的 那个 目录 。 

Java 解释 器 的 工作 程序 如 下 : 首先 , 它 找 到 环境 变量 CLASSPATH( 将 Java 或 者 具有 
Java 解释 能 力 的 工具 一 一 如 浏览 器 一 一 安装 到 机 器 中 时 ,通过 操作 系统 进行 设 定 )。 
CLASSPATH 包含 了 一 个 或 多 个 目录 .它们 作为 一 种 特殊 的 “ 根 " 使 用 ,从 这 里 展开 对 . class 
文件 的 搜索 。 从 根 开 始 ,解释 器 会 寻找 包 名 .并 将 每 个 点 号 (句点 ) 替 换 成 一 个 斜 杠 ,从 而 生 
成 从 CLASSPATH 根 开始 的 一 个 路 径 名 (所 以 package foo. bar. baz 会 变 成 foo\bar\baz 或 
者 foo/bar/baz; 具 体 是 正 斜 杠 还 是 反 斜 杠 由 操作 系统 决定 )。 随 后 将 它们 连接 到 一 起 ,成 为 
CLASSPATH 内 的 各 个 条 目 ( 入 口 )。 以 后 搜索 . class 文件 时 ,就 可 从 这 些 地 方 开始 查找 与 
准备 创建 的 类 名 对 应 的 名 字 。 此 外 , 它 也 会 搜索 一 些 标准 目录 一 一 这 些 目录 与 Java 解释 器 
驻 留 的 地 方 有 关 。 

为 进一步 理解 这 个 问题 ,下 面 以 笔者 自己 的 域名 bruceeckel. com 为 例 , 将 其 反 转 过 来 
后 ,com. bruceeckel 就 为 类 创建 了 独一无二 的 全 局 名 称 (com、edu、org、net 等 扩展 名 以 前 在 
Java 包 中 都 是 大 写 的 ,但 自 Java 1. 2 以 来 ,这 种 情况 已 发 生 了 变化 。 现 在 整个 包 名 都 是 小 
写 的 )。 由 于 决定 创建 一 个 名 为 util 的 库 , 这 里 进一步 分 割 它 , 最 后 得 到 的 包 名 如 下 : 


package com.bruceeckel.util; 
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现在 ,可 将 这 个 包 名 作为 下 述 两 个 文件 的 “命名 空间 ”使 用 。 
7.2 实现 主要 功能 模块 


dp 知识 储备 


1. static 修饰 符 简介 

static 表示 “全 局 "或 者 "静态 ”的 意思 ,用 来 修饰 成 员 变 量 和 成 员 方 法 ,也 可 以 形成 静态 
static 代码 块 。 

被 static 修饰 的 成 员 变 量 和 成 员 方 法 独立 于 该 类 的 任何 对 象 。 也 就 是 说 , 它 不 依赖 类 
特定 的 实例 ,被 类 的 所 有 实例 共享 。 只 要 这 个 类 被 加 载 ,Java 虚拟 机 就 能 根据 类 名 在 运行 
时 数据 区 的 方法 区 内 找到 它们 。 因 此 ,static 对 象 可 以 在 它 的 任何 对 象 创 建 之 前 访问 ,无 需 
引用 任何 对 象 。 

用 public 修饰 的 static 成 员 变 量 和 成 员 方法 本 质 是 全 局 变量 和 全 局 方法 , 当 对 它 进 行 
类 的 实例 化 时 ,不 生成 static 变量 的 副本 ,而 是 类 的 所 有 实例 共享 同一 个 static 变量 。 

static 变量 前 可 以 有 private 修饰 ,表示 这 个 变量 可 以 在 类 的 静态 代码 块 中 ,或 者 类 的 其 
他 静态 成 员 方 法 中 使 用 (当然 也 可 以 在 非 静 态 成 员 方 法 中 使 用 ) ,但 是 不 能 在 其 他 类 中 通过 
类 名 来 直接 引用 。 简 单 地 理解 ,private 是 访问 权限 限定 ,static 表示 不 要 实例 化 就 可 以 使 
用 。static 前 面 加 上 其 他 访问 权限 关键 字 的 效果 也 以 此 类 推 。 

static 修饰 的 成 员 变 量 和 成 员 方法 习惯 上 称 为 静态 变量 和 静态 方法 ,可 以 直接 通过 类 
名 来 访问 ,访问 语法 为 : 

类 名 .静态 方法 名 (参数 列表 …… ) 

类 名 .静态 变量 名 

用 static 修饰 的 代码 块 表示 静态 代码 块 , 当 Java 虚拟 机 (JVM) 加 载 类 时 ,就 会 执行 该 
代码 块 。 

(1) static 变量 

按照 是 否 静 态 对 类 成 员 变 量 进行 分 类 ,可 分 两 种 : 一 种 是 被 static 修饰 的 变量 , 叫 静 态 
变量 或 类 变量 ; 另 一 种 是 没有 被 static 修饰 的 变量 , 叫 实例 变量 。 

静态 变量 在 内 存 中 只 有 一 个 拷贝 (节省 内 存 ),JVM 只 为 静态 变量 分 配 一 次 内 存 ,在 加 
载 类 的 过 程 中 完成 静态 变量 的 内 存 分 配 , 可 用 类 名 直接 访问 ,也 可 以 通过 对 象 来 访问 。 

实例 变量 每 创建 一 个 实例 ,就 会 为 实例 变量 分 配 一 次 内 存 , 实 例 变 量 可 以 在 内 存 中 有 多 
个 副本 , 互 不 影响 。 

(2) 静态 方法 

静态 方法 可 以 直接 通过 类 名 调用 ,任何 实例 都 可 以 调用 ,因此 静态 方法 中 不 能 用 this 
和 super 关键 字 , 不 能 直接 访问 所 属 类 的 实例 变量 和 实例 方法 ( 即 不 带 static 的 成 员 变量 和 
成 员 方法 ) ,只 能 访问 所 属 类 的 静态 成 员 变 量 和 成 员 方法 。 

因为 static 方法 独立 于 任何 实例 ,因此 static 方法 必须 被 实现 ,而 不 能 是 抽象 的 


(Cabstract) 。 
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(3) static 代码 块 

static 代码 块 也 叫 静 态 代 码 块 ,是 在 类 中 独立 于 类 成 员 的 static 语句 块 ,可 以 有 多 个 ,位 置 
可 以 随便 放 , 它 不 在 任何 方法 体内 ,JVM 加 载 类 时 会 执行 这 些 静 态 的 代码 块 。 如 果 static 代码 
块 有 多 个 ,JVM 将 按照 它们 在 类 中 出 现 的 先后 顺序 依次 执行 ,每 个 代码 块 只 会 被 执行 一 次 。 

利用 静态 代码 块 可 以 对 一 些 static 变量 进行 赋值 ,对 于 static 类 型 的 main 方法 , JVM 
在 运行 main 方法 的 时 候 可 以 直接 调用 而 不 用 创建 实例 。 

(4) static 和 final 

static final 用 来 修饰 成 员 变 量 和 成 员 方 法 ,可 简单 理解 为 “全 局 常量 ”。 

static final 用 于 变量 ,表示 一 旦 赋值 就 不 可 修改 ,并 且 通 过 类 名 可 以 访问 。 

static final 用 于 方法 ,表示 此 方法 不 可 履 盖 ,并 且 可 以 通过 类 名 直接 访问 。 

2. Vector X 

Vector 类 被 称 为 向 量 , 用 来 创建 可 包含 多 个 对 象 的 动态 数组 , 它 提供 加 入 、 删 除 及 插入 
元 素 的 方法 。 创 建 一 个 vector 类 时 ,必须 指出 它 的 初始 大 小 及 增 量 。 

(1) 构造 Vector 类 的 三 种 方式 

public Vector( ) :创建 空 的 向 量 。 

public Vector(Cint initCap) :创建 由 initCap 指出 初始 容量 的 向 量 。 

public Vector(int initCap. int increment :创建 由 initCap 指出 的 元 素 空间 的 向 量 并 通 
过 增 量 元 素 增加 容量 。 

(2) 在 Vector 中 加 入 对 象 

addElement(Object n); 新 对 象 n 作为 最 后 一 个 元 素 加 入 vector P. 

insertElementAt(CObject n. int index) :在 下 标 所 指 的 位 置 插入 一 个 新 的 对 象 n。 

setElementAt(Object n. int index) :用 对 象 n 在 下 标 处 替换 此 元 素 。 

G) 在 Vectors 中 删除 对 象 

可 用 void removeElementAt(int index) Æ vector 中 删除 对 象 。 

(4) 访问 Vector 中 元 素 

elementAt( ) 方 法 用 于 访问 向 量 中 的 元 素 ;size( ) 方 法 返回 vector 中 对 象 的 个 数 。 


X 
Vector 类 提供 了 可 以 动态 增加 的 存储 空间 。 它 和 数组 的 一 个 明显 区 别 是 : 数组 中 的 
元 素 只 能 是 同一 种 类 型 ,Vector 中 可 以 存 入 任意 类 型 。 


7.2.1 任务 描述 
利用 Eclipse 实现 “新 闻 类 别 网 站 ”的 主要 功能 模块 。 
7.2.2 任务 实现 


根据 第 2 章 “ 新 闻 类 别 网 站 ”的 功能 设计 要 求 , 在 此 分 三 个 任务 实现 该 网 站 的 主要 功能 。 
任务 1 栏目 管理 功能 模块 的 实现 
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任务 2 新 闻 管理 功能 模块 的 实现 
任务 3 管理 员 功 能 模块 的 实现 

任务 1: 实现 栏目 管理 功能 模块 

栏目 管理 功能 模块 是 整个 系统 的 结构 层 , 处 于 整个 系统 的 中 层 ,主要 实现 的 是 对 系统 中 
栏目 的 动态 管理 , 即 在 整个 系统 的 设计 中 , 它 是 可 以 随时 变化 的 。 为 方便 实现 ,根据 功能 模 
块 实现 的 先后 顺序 将 整个 栏目 管理 功能 模块 的 实现 划分 为 如 下 三 个 更 具体 的 子 任务 来 完 
成 ,实际 上 所 有 功能 模块 的 实现 都 可 按照 这 样 的 划分 进行 。 

子 任务 1.1 构建 包 结构 
子 任务 1.2 建立 所 需 类 的 基本 结构 
子 任务 1.3 表现 层 的 实现 

子 任务 1.1: 构建 包 结构 

在 Eclipse 中 新 建 “com. news. menu” 包 结构 ,详细 操作 步骤 参见 7. 1 中 “任务 实现 ”部 
分 的 任务 1。 

子 任务 1.2: 建立 所 需 类 的 基本 结构 

具体 操作 步骤 如 下 : 

CD 在 本 节 子 任务 1. 1 中 建立 的 “com. news. menu” 包 中 新 建 基 本 类 Menu. 保存 为 
Menu. java。 其 中 的 字段 与 数据 库 中 对 应 的 实体 数据 表 中 的 字段 名 一 致 ,每 个 字段 都 要 编 
写 getXxx 和 setXxx 方 法 ,大 致 写法 如 程序 7-14 所 示 。 

【程序 7-14】 基本 类 Menu 

BB Example Source Code: 


package com.news.menu; 


[** 

* Title: @ 工 作 室 

* Description: Copyright: 

* Copyright (c) 2002 Company: 
* www.uc2008.net 

* 

* @author: Skimob 

* @version 1.0 

*/ 

import java.sql.ResultSet; 
import com.news.database.DBConnect; 
import com.news.util.* ; 
public class Menu ( 


int MenuID; 


public Menu( ) { 
} 


public void setMenuID (int MenuID) { 
this.MenuID-MenuID; 
} 
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public int getMenuID( ) { 
return this.MenuID; 
$ 


} 


(2) 在 本 节 子 任务 1. 1 中 建立 的 “com. news. menu” 包 中 新 建 类 MenuManage. 保存 为 
MenuManage. java。 完 善 所 需要 的 方法 , 即 : 新 闻 的 列表 显示 、 增 加 、 修 改 、 删 除 的 操作 ,大 
致 写法 如 程序 7-15 所 示 。 

该 类 的 功能 用 于 管理 员 对 新 闻 系 统 版 面 的 维护 。 包 括 了 对 新 闻 系 统 版 面 的 增删 改 功 
能 ,添加 一 个 新 版 面 是 调用 函数 saveMenu, 修 改 新 闻 时 调用 函数 saveEdit, 删 除 一 个 新 闻 时 
调用 函数 delMenu。 

【程序 7-15】 MenuManage 类 

BE Example Source Code: 


package com.news.menu; 


/x 

* Title: @ 工 作 室 

* Description: 

* Copyright: Copyright (c) 2002 
* Company: Www.uc2008.net 

* author: Skimob 

* QGversion 1.0 

*f 


import java.sql.ResultSet; 
import java.util.Vector; 
import javax.servlet.http.HttpServletRequest; 
import com.news.database.DBConnect; 
import com.news.article.* ; 
import com.news.util.* ; 
public class MenuManage ( 
public static Vector getMenu( ) throws MenuNotFoundException {} 
public static Vector getMenus (int MenuID) throws Exception {} 
public static Menu getMenu (int MenuID) throws Exception () 
public static void OrdersMenu(HttpServletRequest request) throws Exception (] 
public static void saveMenu(HttpServletRequest request) throws Exception {} 
public static void saveEdit (HttpServletRequest request) throws Exception {} 
public static void delMenu (int MenuID) {} 
public static boolean hideMenu (HttpServletRequest request) {} 
public static void updateOrders (HttpServletRequest request)throws Exception {} 
H 


子 任务 1.3: 表现 层 的 实现 

栏目 管理 表现 层 的 JSP 页 面 将 采用 7. 1 节 任 务 5 中 完成 的 表现 层 JSP 框架 结构 为 基 
础 ,将 所 有 对 系统 栏目 的 管理 操作 集中 在 这 个 页 面 。 如 : 系统 栏目 的 增 、 删 、 改 、 查 等 操作 ， 
具体 结构 如 程序 7-16 所 示 。 具 体操 作 步 骤 如 下 : 

CD 在 Eclipse 中 新 建 一 个 JSP 文件 .作为 系统 栏目 管理 的 JSP 页 面 .保存 到 项 目 中 , 文 


(sd 
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件 名 为 Admin Menu. jsp, 具 体 步骤 可 参看 5.6 节 的 任务 2。 


(2) 在 新 建 的 JSP 文件 中 添加 如 程序 7-16 所 示 的 代码 。 
【程序 7-16】 系统 栏目 管理 模块 表现 层 的 实现 
I3 Example Source Code: 


<% page contentType- "text/html; charset- GB2312" pageEncoding- "GBK"$ > 
<$% Gpage import- "com.news. * "$> 
<% page import- "com.news.menu.* "$> 
<$% page import- "com.news.util.* "$> 
<$% page import- "com.news.article. * "$> 
<% page import- "com.news . * ,com.news.menu. * ,com.news.util. * ,com.news.article. * "$> 
<$% page import- "java.util.Vector"$» 
«$Ginclude file- "Session.jsp"*» 
<% 
try{ 
Function Fun- new Function ( ); 
Config con=new Config( ); 
out.print (con.PrintHead("")); 


String IP= request .getRemoteAddr ( ); // 得 到 客户 端 IP 地 址 
//String AdminName- (String)session.getAttribute ("AdminName") ; 
String AdminName- "admin"; 


String Action- ParamUtil.getString (request, "Action", ""); 
int MenuID- ParamUtil.getInt (request, "MenuID",1) ; 


«div id-"Main left" class-"list list" 
«div class= "List"> 
«div class-"title"» 
«div class-"title left"> 导 航 菜单 < /div> 
«div class-"title right">@ 工 作 室 < /div> 
<div class= "clear">< /div> 
</div> 
<div class="connect"> 
<% 
out.print (con.Admin Menu (request) ) ; 
$> 
</div> 
</div> 
</div> 
<div id= 'Main right' class="list_main"> 
<div class="List"> 
<div class="title"> 
«div class-"title left"> 热 点 关注 </div> 
«div class-"title right"><a href- ""»8 T. 作 室 < /a» « /div» 
«div class- "clear" « /div> 
«/div» 
«div class- "connect" 
<% 


// 保 存 添 加 的 分 类 
if (Action.equals ("save")) 
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i 
MenuManage .saveMenu (request) ; 
out.print ("< script>alert (' 添 加 分 类 操作 成 功 ! ') ; location.href- 'Admin Class. 
jsp';</script>"); 

} 

// 保 存 修改 的 分 类 

else if (Action.equals ("saveedit")) 

{ 
MenuManage .saveEdit (request) ; 
out.print ("< script» alert ("修改 分 类 操作 成 功 ! ');location.href= 'Admin Class. 
jsp';« /script> "); 

) 

// 删 除 分 类 


else if (Action.equals ("del")) 
t 
MenuManage .delMenu (MenuID) ; 
out.print ("< script>alert('" 删 除 分 类 操作 成 功 ! '); location.href= 'Admin Class. 
jsp';« /script> "); 
} 
// 分 类 隐藏 
else if (Action.equals ("hide")) 
t 
if (MenuManage.hideMenu (request) ) ( 
out.print ("< script» location.href= 'Admin Class.jsp';« /script»"); 
) 
else 
out.print ("< script» alert(' 隐 藏 操作 失败 ! ') ; location.href= 'Admin Class.jsp';«/ 
script>"); 
} 
// 分 类 排序 
else if (Action.equals ("orders")) 
t 
MenuManage .OrdersMenu (request) ; 
out.print ("< script>alert(" 排 序 操 作成 功 ! ') ; 1ocation.href- 'Admin Class.jsp'; 
</script>"); 
} 
// 添 加 分 类 
else if (Action.equals ("add") ) 
t 
H 
// 编 辑 分 类 
else if (Action.equals ("edit")) 
{ 
Menu sa= (Menu) MenuManage .getMenu (MenuID) ; 
H 
// 读 取 类 别 列 表 
else 


t 


eo 


e 
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} 
$> 

</div> 

</div> 

</div> 

<div class= "clear"»« /div> 

</div> 

<% 

out.print (con.PrintFooter( )); 

} 

catch (Exception e) { 

e.printStackTrace ( ); 
String errMsg=e.getMessage( ); 

} 

$> 

任务 2: 新 闻 管 理 功能 模块 的 实现 

一 般 的 新 闻 组 件 维护 需要 的 操作 有 增加 新 闻 、 修 改 新 闻 、 删 除 新 闻 ,查询 所 有 的 新 闻 以 
及 查询 某 一 个 新 闻 的 属性 数据 .“ 新 闻 类 别 网 站 "这些 功能 的 实现 具体 分 三 个 子 任务 来 

子 任务 2. 1 构建 包 结构 
子 任务 2.2 建立 所 需 类 的 基本 结构 
子 任务 2.3 表现 层 的 实现 

子 任务 2.1: 构建 包 结 构 

在 Eclipse "P 39r & " com. news. article” 包 结构 ,详细 操作 步骤 参见 7. 1 节 中 “任务 实现 ” 
部 分 的 任务 1. 

子 任务 2.2: 建立 所 需 类 的 基本 结构 

具体 操作 步骤 如 下 : 

(1) 在 本 节 任 务 2. 1 中 建立 的 “com. news. article” 包 中 新 建 基本 类 Article, 保存 为 
Article. java。 其 中 的 字段 与 数据 库 中 对 应 的 实体 数据 表 中 的 字段 名 一 致 ,每 个 字段 都 要 编 
Ej getXxx 和 setXxx 方法 ,大 致 写法 如 程序 7-17 所 示 。 

【程序 7-17】 基本 类 Article 

BE Example Source Code: 

package com.news.article; 

import com.news.util.* ; 

public class Article 

t 


String Title; 
public Article( ){} 
public String getTitle( ){ 


return this.Title; 
} 
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public void setTitle (String title){ 
this.Title-title; 


} 


(2) 在 本 节 任 务 2. 1 中 建立 的 “com. news. article” 包 中 新 建 类 ArticleManage, 保 存 为 
ArticleManage. java, 并 完善 所 需要 的 方法 , 即 : 对 新 闻 进行 列表 显示 、 增 加 新 闻 、 修 改 新闻 、 
删除 新 闻 ,大致 写法 如 程序 7-18 所 示 。 

【程序 7-18】 ArticleManage 类 

QJ Example Source Code: 


package com.news.article; 


/** 

* Title: @ 工 作 室 

* Description: 

* Copyright: Copyright (c) 2002 
* Company: wWww.uc2008.net 

* Gauthor: Skimob 

* QGversion 1.0 

*/ 


import java.sql.ResultSet; 
import java.util.Vector; 
import javax.servlet.http.HttpServletRequest; 


import com.news.database.DBConnect; 
import com.news.menu.Menu; 

import com.news.menu.MenuManage; 
import com.news.util.Format; 

import com.news.util.ParamUtil; 


public class ArticleManager ( 


public static Article getArticle (int ArticleID) throws ArticleNotFoundException {} 
public static Vector getArticles (int MenuID, String type) throws ArticleNotFound 
Exception {} 

public static Vector getArticles( ) throws ArticleNotFoundException () 

public static Vector getArticles (int MenuID) throws Exception {} 

public static void saveArticle (HttpServletRequest request) throws Exception {} 

public static void saveEdit (HttpServletRequest request) throws Exception {} 

public static void delArticles (HttpServletRequest request) throws Exception {} 

public static void updateHit (HttpServletRequest request)throws Exception {} 

} 


THES 2.3: 表现 层 的 实现 
新 闻 管理 表现 层 的 JSP 页 面 以 7.1 节 的 任务 5 中 完成 的 表现 层 JSP 框架 结构 为 基础 ， 
将 系统 中 所 有 栏目 下 的 新 闻 管 理 操作 (新 闻 的 增 、 删 \ 改 、 查 等 ) 集 中 在 这 个 页 面 。 具体 结构 
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如 程序 7-19 所 示 。 具 体操 作 步 骤 如 下 : 

(1) 在 Eclipse 中 新 建 一 个 JSP 文件 ,作为 系统 栏目 管理 的 JSP 页 面 ,保存 到 项 目 中 , 文 
件 名 为 Admin Articles. jsp, 具 体 步骤 可 参看 5.6 节 的 “任务 2”。 

(2) 在 新 建 的 JSP 文件 中 添加 如 程序 7-19 所 示 的 代码 。 

【程序 7-19】 新 闻 管理 模块 表现 层 的 实现 

i33 Example Source Code: 


< $% page contentType- "text/html; charset- GB2312" pageEncoding- "GBK"$ > 
< $% page import- "com.news.* "$> 
< $% page import- "com.news.menu. * "$> 
<% page import- "com.news.util.* "$> 
<$% page import- "com.news.article. * "$> 
<% page import- "com.news.user.* "$> 
<% page import- "java.util.Vector"$» 
<$% etaglib uri- "WEB-INF/FCKeditor.tld" prefix- "FCK"$ > 
«5$ Ginclude file- "Session.jsp"$» 
<$% 
try { 
Config con=new Config( ); 
out.print (con.PrintHead ("")); 


String Action- ParamUtil.getString (request, "Action"); 
int ID- ParamUtil.getInt (request, "ID", 0); 
int ClassID- ParamUtil.getInt (request, "ClassID", 0); 
$> 
<script type= "text/javascript" src- "/FCKeditor/fckeditor.js"»« /script» 
<div id= "Main"> 
<div id= "Main left" class="list_list"> 
<div class="List"> 
title" 
«div class-"title left"> 导 航 菜单 < /div» 
«div class-"title right"> @ 工 作 室 < /div> 
«div class= "clear"»« /div> 
</div> 
<div class="connect"> 
<% 
out.print (con.Admin Menu (request) ) ; 
5» 
</div> 
</div> 
</div> 
<div id= "Main right' class="list main"> 
<div class="List"> 


<div clas: 


«div class="title"> 

«div class-"title left"> 热 点 关注 </div> 

«div class-"title right"»«a href=""> 8 T. [E € « /a» « /div» 
«div class- "clear"»« /div> 

</div> 

<div class= "connect" 
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<$% 
if (Action--null || Action.equals ("")) 
Action- "list"; 


if (Action.equals ("list")) ( 
Vector news; 
if (ClassID--0) 
news- ArticleManager.getArticles( ); 
else 
news- ArticleManager.getArticles (ClassID); 
A 
) else if (Action.equals("edit")) { 
Article theNew- (Article) ArticleManager.getArticle (ID); 
EF 
} else if (Action.equals ("add")) { 
A 
) else if (Action.equals ("del")) { 
ArticleManager.delArticles (request) ; 
out.println("« SCRIPT LANGUAGE- ' JavaScript '> alert ('del 操作 成 功 ! *) ; location.href= ' 
Admin News.jsp';« /SCRIPT» "); 
) else if (Action.equals ("saveedit")) ( 
ArticleManager.saveEdit (request); 
out.println ("saveedit 操作 成 功 !"); 
out.println ("< SCRIPT LANGUAGE- ' JavaScript '> alert ('del 操作 成 功 ! '); location.href= ' 
Admin News.jsp';« /SCRIPT» "); 
) else if (Action.equals ("save")) ( 
ArticleManager.saveArticle (request) ; 
out.println ("save 操作 成 功 !"); 
out.println ("< SCRIPT LANGUAGE= ' JavaScript '> alert ('del 操作 成 功 ! '); location.href= ' 
Admin News.jsp';« /SCRIPT» "); 
) eise ( 


out.println(" 其 他 操作 成 功 !"); 


$> 
</div> 
</div> 
</div> 
<div class="clear">< /div> 
</div> 
<% 
out.print (con.PrintFooter( )); 
} catch (Exception e) { 
e.printStackTrace( ); 
String errMsg-e.getMessage(); 


s» 


BEE: 此 处 并 没有 将 所 有 的 代码 给 出 ,只 是 给 出 了 该 页 面 的 基本 框架 结构 ,具体 
的 代码 可 参考 “新 闻 类 别 网 站 ” 源 文件 。 
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任务 3: 用 户 管理 功能 模块 的 实现 

用 户 管理 功能 模块 维护 需要 的 操作 有 增加 用 户 修改 用 户 、 删 除 用 户 、 查 询 所 有 的 用 户 、 
查询 某 一 个 用 户 的 属性 数据 。 具 体 分 三 个 子 任务 来 实现 。 

子 任务 3.1 构建 包 结 构 
子 任务 3.2 建立 所 需 类 的 基本 结构 
子 任务 3.3 表现 层 的 实现 

子 任务 3.1: 构建 包 结 构 

在 Eclipse 中 新 建 “com. news. user” 包 结构 ,详细 操作 步骤 参见 7. 1 节 中 “任务 实现 ”部 
分 的 任务 1。 

子 任务 3.2: 建立 所 需 类 的 基本 结构 

具体 操作 步骤 如 下 : 

(1) 在 本 节 任 务 3. 1 中 建立 的 “com. news. user” 包 中 新 建 基 本 类 User. 保存 为 User. 
java。 其 中 的 字段 与 数据 库 中 对 应 的 实体 数据 表 中 的 字段 名 一 致 ,每 个 字段 都 要 编写 
getXxx 和 setXxx 方法 ,大 致 写法 如 程序 7-20 所 示 。 

【程序 7-20】 基本 类 User 

I3 Example Source Code: 


package com.news.user; 


/** 

* Title: eT ER 

* Description: 

* Copyright: Copyright (c) 2002 
* Company: wWww.uc2008.net 

* Qauthor: Skimob 

* QGversion 1.0 

*/ 


import java.sql.ResultSet; 


import com.news.database.DBConnect; 
import com.news.menu.Menu; 
import com.news.util.Format; 


public class User( 


int ID; 

String Name; 
String Pwd; 
int Type; 
public User( ){ 
H 


public User (int ID){} 


public void setID(int ID){ 
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this.ID-ID; 
} 
public int getID( ){ 
return this.ID; 
J 


p 


(2) 在 本 节 任 务 3. 1 中 建立 的 “com. news. user” 包 中 新 建 类 UserManage. 保存 为 
UserManage. java, 并 完善 所 需要 的 方法 , 即 : 对 系统 用 户 进行 列表 显示 、 增 加 新 用 户 、 修 改 
用 户 、 删 除 用 户 的 操作 ,大致 写法 如 程序 7-21 所 示 。 

【程序 7-21】 UserManage 类 

BE Example Source Code: 


package com.news.user; 


/** 

* Title: eT HEZ 

* Description: 

* Copyright: Copyright (c) 2002 
* Company: www.uc2008.net 

* Qauthor: Skimob 

* QGversion 1.0 

*/ 


import java.sql.ResultSet; 
import java.util.Vector; 
import javax.servlet.http.HttpServletRequest; 


import com.news.database.DBConnect; 
import com.news.util.* ; 


public class UserManager ( 


public static Vector getUsers (HttpServletRequest request)throws UserNotFound Exception 
{} 
public static User getUser (HttpServletRequest request)throws UserNotFound Exception {} 
public static void saveNew(HttpServletRequest request) throws Exception {} 
public static void saveEdit (HttpServletRequest request) throws Exception {} 
public static void delUser(HttpServletRequest request) throws Exception {} 
} 


子 任务 3.3: 表现 层 的 实现 

用 户 管理 表现 层 的 JSP 页 面 以 7.1 节 任 务 5 中 完成 的 表现 层 JSP 框架 结构 为 基础 ,将 
系统 中 所 有 用 户 的 管理 操作 (用 户 的 增 、 删 改 、 查 ) 集 中 在 这 个 页 面 。 具 体操 作 步 骤 如 下 : 

(1) 在 Eclipse 中 新 建 一 个 JSP 文件 .作为 系统 用 户 管理 的 JSP 页 面 ,保存 到 项 目 中 , 文 
件 名 为 Admin_User. jsp, 具 体 步 骤 可 参看 5. 6 节 的 任务 2。 


(2) 在 新 建 的 JSP 文件 中 添加 如 程序 7-22 所 示 的 代码 。 
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【程序 7-22〗 列表 程序 


<% epage contentType- "text/html;charset- GB2312" pageEncoding- "GBK"% > 
<% @page import- "com.news.* "$> 

<% @page import- "com.news.menu. * "$> 

<% @page import="com.news.util. * "$> 

<$% page import- "com.news.article. * "$> 

<% page import- "com.news.user. * "$> 

<$% page import- "java.util.Vector"$» 


<%@include file= "Session.jsp"%> 
<% 
try{ 
Config con=new Config ( ); 
out.print (con.PrintHead("")); 
$> 
<div id= "Main"> 
<div id= "Main left" class="list_list"> 


<div clas: List"> 
«div class="title"> 
«div class-"title left"> 导 航 菜单 < /div> 


«div class-"title right">e 工 作 室 < /div> 
<div class= "clear">< /div> 
</div> 
<div class="connect"> 
<% 
out.print (con.Admin Menu (request) ) ; 
$> 
</div> 
</div> 
</div> 
<div id= 'Main right' class="list main"> 
<div class="List"> 
<div class="title"> 
<div class= "title left"> 热 点 关注 </div> 
«div class-"title right"»«a href=""> 8 T. [E E « /a» « /div» 
«div class- "clear"» « /div> 
</div> 
<div class="connect"> 
<% 


String Action- ParamUtil.getString (request, "Action", ""); 
int UserID- ParamUtil.getInt (request, "UserID",0) ; 
String UserName- ParamUtil.getString (request, "UserName", "") ; 


if (Action-- null || Action.equals("")) Action- "list"; 
if (Action.equals ("list")) 
t 
Vector users; 
users- UserManager.getUsers (request) ; 
int orders- ParamUtil.getInt (request, "orders", 7); 
int usersNum- users.size( ); 
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int Page- ParamUtil.getInt (request, "Page",1) ; 


I 
else if (Action.equals ("edit") ) 
t 
User theUser- (User)UserManager.getUser (request) ; 


H 
else if (Action.equals ("add") ) 
t 


} 

else if (Action.equals ("del")) 

t 
UserManager.delUser (request) ; 
out. print ("< script» alert (' del 操作 成 功 ! ') ; location. href= 'Admin User.jsp';«/ 
script>"); 

} 

else if (Action.equals ("save") ) 

t 
UserManager.saveNew (request) ; 
out.println ("save 操作 成 功 !"); 

} 

else if(Action.equals ("saveedit")) 

t 
UserManager.saveEdit (request) ; 
out.println ("saveEdit 操作 成 功 !"); 

} 

else 


{ 
//out.println (UserID); 


//UserManager .delUser (request) ; 
out.println ("其 他 操作 成 功 !"); 


$> 
</div> 
</div> 
</div> 
<div class="clear">< /div> 
</div> 
<% 
out.print (con.PrintFooter( )); 
} 
catch (Exception e) { 
e.printStackTrace ( ); 
String errMsg=e.getMessage( ); 
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7.2.3 相关 知识 拓展 


1. Java Servlet 与 JSP 的 比较 


Java Server Pages(JSP) 是 一 种 实现 普通 静态 HTML 和 动态 HTML 混合 编码 的 技术 ， 
JSP 并 没有 增加 任何 本 质 上 不 能 用 Servlet 实现 的 功能 。 但 是 ,在 JSP 中 编写 静态 HTML 
更 加 方便 ,不 必 再 用 println 语句 来 输出 每 一 行 HTML 代码 。 更 重要 的 是 ,借助 内 容 和 外 观 
的 分 离 , 页 面 制作 中 不 同性 质 的 任务 可 以 方便 地 分 开 , 比 如 ,由 页 面 设计 者 进行 HTML 设 
计 , 同 时 留 出 供 Servlet 程序 员 插 入 动态 内 容 的 空间 。 


2. Servlet 的 一 些 特点 


(1) 高 效 

在 服务 器 上 仅 有 一 个 Java 虚拟 机 在 运行 , 它 的 优势 在 于 当 Servlet 被 客户 端 发 送 的 第 一 个 
请 示 激 活 以 后 ,将 继续 运行 到 后 台 , 等 待 以 后 的 请 求 , 每 个 请 求 将 生成 一 个 线程 而 不 是 进程 。 

(2) 方便 

Servlet 提供 了 大 量 的 实用 工具 例 程 ,例如 处 理 很 难 完成 的 HTML 表单 数据 读 取 、 设 置 
HTTP 头 处 理 .Cookie 跟踪 会 话 。 

(3) 可 移植 性 好 

Servlet 用 Java 写 Servlet API 具有 完善 的 标准 。 现 在 有 很 多 企业 编写 Servlet. fli ft 

需 任何 实质 上 的 改动 即 可 移植 到 Apache 和 Micorosoft IIS 上 。 
(4) 节省 投资 
Servlet 建站 很 简单 ,用 钱 不 多 就 可 实现 。 


3. JSP 的 开发 模式 


JSP 自 产生 到 现在 ,应 用 越 来 越 广泛 ,其 相关 技术 也 越 来 越 多 ,如 JavaBean、EJB 等 。 相 
关 技 术 的 产生 ,使 JSP 技术 更 容易 实现 Web 网 站 的 开发 和 控制 。JSP 网 站 开发 经 常 使 用 下 
面 几 种 组 合 方式 来 进行 ,包括 纯粹 JSP 技术 实现 .JSP 十 JavaBean 实现 、JSP 十 JavaBean 十 
Servlet 实现 J2EE 实现 等 。 不 同 的 开发 组 合 . 可 以 称 为 不 同 的 设计 模式 ,最 常用 的 技术 是 
JSP 十 JavaBean 十 Servlet 。 

COD 纯粹 JSP 实现 

使 用 纯粹 JSP 技术 实现 动态 网 站 开发 ,是 JSP 初学 者 经 常 使 用 的 技术 。JSP 页 面 中 所 
有 的 代码 都 是 在 同一 个 页 面 上 ,如 二 html 二 标记 二 css 记 标记 二 javascript 记 标记 、 逻 辑 处 
理 \ 数 据 库 处 理 代码 等 。 这 么 多 代码 混合 在 一 个 页 面 中 ,容易 出 现 错误 ,出 现 错误 后 ,不 容易 
查找 和 调试 。 这 样 设计 出 的 网 站 ,采用 JSP 技术 和 采用 ASP 技术 没有 多 大 的 差别 。 

(2) JSP 十 JavaBean 实现 

JSP 十 JavaBean 技术 的 使 用 .很 好 地 实现 了 网 页 静态 部 分 和 动态 部 分 相互 分 离 。 在 这 
种 技术 中 ,使 用 JSP 技术 中 的 HTML、CSS 等 可 以 非常 容易 地 构建 数据 显示 页 面 ,而 对 于 数 
据 处 理 , 可 以 交 给 JavaBean 技术 处 理 , 如 连接 数据 库 代 码 、 显 示 数 据 库 代码 。 当 执行 功能 代 
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码 封装 到 JavaBean 中 时 ,同时 也 达到 了 代码 重用 的 目的 。 如 显示 当前 时 间 的 JavaBean ,不 
仅 可 以 用 在 当前 页 面 , 还 可 以 用 在 其 他 页 面 。 这 种 技术 的 使 用 ,已 经 显示 出 JSP 技术 的 优 
势 ,但 并 不 能 充分 展现 JSP 的 优势 ,JSP 十 JavaBean 十 Servlet 技术 的 组 合 更 加 充分 地 显示 了 
JSP 的 优势 。 

(3) JSP 十 JavaBean 十 Servlet 实现 

JSP+JavaBean+ Servlet 技术 的 组 合 , 很 好 地 实现 了 MVC 模式 。MVC 模式 是 Model- 
View-Controller 的 缩写 ,中 文 翻译 为 “模式 -视图 -控制 器 ”, MVC 应 用 程序 由 这 三 个 部 分 组 
成 。Event( 事 件 ) 导致 Controller 改变 了 Model 或 View, 或 者 同时 改变 两 者 。 只 要 
Controller 改变 了 Models 的 数据 或 者 属性 ,所 有 依赖 的 View 都 会 自动 更 新 。 类 似 的 ,只 要 
Controller 改变 了 View. View 会 从 潜在 的 Model 中 获取 数据 来 刷新 自己 。MVC 模式 最 早 
是 Smalltalk 语言 研究 团 提出 的 ,应 用 于 用 户 交 互 应 用 程序 。Smalltalk 语言 和 Java 语言 有 
很 多 相似 性 ,都 是 面向 对 象 语言 。 

MVC 模式 是 一 个 复杂 的 架构 模式 ,其 实现 也 显得 非常 复杂 。 但是, 人们 已 经 总 结 出 了 
很 多 可 靠 的 设计 模式 ,多 种 设计 模式 结合 在 一 起 ,使 MVC 模式 的 实现 变 得 相对 简单 易 行 。 
Views 可 以 看 做 一 棵 树 ,显然 可 以 用 Composite Pattern 来 实现 。Views 和 Models 之 间 的 
关系 可 以 用 Observer Pattern 来 实现 。Controller 控制 Views 的 显示 ,可 以 用 Strategy 
Pattern 实现 。Model 通常 是 一 个 调停 者 ,可 采用 Mediator Pattern 来 实现 。 

现在 来 了 解 一 下 MVC 三 个 部 分 在 架构 中 处 于 什么 位 置 ,这 样 有 助 于 理解 MVC 模式 
的 实现 。MVC 与 架构 的 对 应 关系 是 : View 处 于 Web Tier 或 者 是 Client Tier, 通 常 是 JSP/ 
Servlet, 即 页 面 的 显示 部 分 。Controller 也 处 于 Web Tier, 通 常用 Servlet 来 实现 , 即 页 面 显 
示 的 逻辑 部 分 的 实现 。Model 处 于 Middle Tier, 通 常用 服务 器 端的 JavaBean 或 者 EJB 实 
现 , 即 业务 逻辑 部 分 的 实现 。 其 形式 如 图 7-3 所 示 。 


Controller 
—urreifi 数据 


(JavaBean) 


-— 文档 输出 


图 7-3 MVC 三 个 部 分 的 形式 


视图 (View) 代 表 用 户 交 互 界面 ,对 于 Web 应 用 来 说 ,可 以 概括 为 HTML 界面 ,但 有 可 
能 为 XHTML、XML 和 Applet。 随 着 应 用 的 复杂 性 和 规模 性 ,界面 的 处 理 也 变 得 具有 挑战 
性 。 一 个 应 用 可 能 有 很 多 不 同 的 视图 . MVC 设计 模式 对 于 视图 的 处 理 仅 限 于 视图 上 数据 
的 采集 和 处 理 ,以 及 用 户 的 请 求 ,而 不 包括 在 视图 上 的 业务 流程 的 处 理 。 业 务 流程 的 处 理 交 
给 模型 (Model) 来 处 理 。 比 如 一 个 订单 的 视图 只 接受 来 自 模型 的 数据 ,并 显示 给 浏览 者 ,以 
及 将 浏览 者 界面 的 输入 数据 和 请 求 传递 给 控制 和 模型 。 

模型 (Model) 是 业务 流程 /状态 的 处 理 , 以 及 业务 规则 的 制定 。 业 务 流程 的 处 理 过 程 对 
其 他 层 来 说 是 暗箱 操作 ,模型 接受 视图 请 求 的 数据 ,并 返回 最 终 的 处 理 结果 。 业 务 模型 的 设 
计 可 以 说 是 MVC 最 主要 的 核心 。 通 过 MVC 设计 模式 可 知 ,把 应 用 的 模型 按 一 定 的 规则 
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抽取 出 来 ,抽取 的 层次 很 重要 。 抽 象 与 具体 不 能 隔 得 太 远 ,也 不 能 太 近 。 

控制 器 (Controller) 可 以 理解 为 接受 浏览 者 的 请 求 , 将 模型 与 视图 匹配 在 一 起 ,共同 完 
成 浏览 者 的 请 求 。 控 制 层 的 作用 就 像 一 个 分 发 器 ,选择 什么 样 的 模型 ,选择 什么 样 的 视图 ， 
可 以 完成 什么 样 的 浏览 者 请 求 , 控 制 层 并 不 做 任何 的 数据 处 理 。 例 如 ,浏览 者 点 击 一 个 链 
接 , 控 制 层 接受 请 求 后 并 不 处 理 业务 信息 . 它 只 把 浏览 者 的 信息 传递 给 模型 ,告诉 模型 做 什 
么 ,选择 符合 要 求 的 视图 返回 给 浏览 者 。 因 此 ,一 个 模型 可 能 对 应 多 个 视图 ,一 个 视图 可 能 
对 应 多 个 模型 。 

模型 .视图 与 控制 器 的 分 离 ,使 得 一 个 模型 可 以 具有 多 个 显示 视图 。 如 果 通 过 某 个 视图 
的 控制 器 改变 了 模型 的 数据 ,所 有 其 他 依赖 于 这 些 数据 的 视图 都 应 反映 到 这 些 变化 。 因 此 ， 
无 论 何 时 发 生 了 何 种 数据 变化 ,控制 器 都 会 将 变化 通知 所 有 的 视图 ,导致 显示 的 更 新 。 这 实 
际 上 是 一 种 模型 的 变化 一 传播 机 制 。 

(4) J2EE 模式 实现 

J2EE 是 纯粹 基于 Java 的 解决 方案 。1998 年 ,Sun 发 布 了 EJB 1. 0 标准 。EJB 为 企业 
级 应 用 中 必 不 可 少 的 数据 封装 ,事务 处 理 .交易 控制 等 功能 提供 了 和 良好 的 技术 基础 。 至 此 ， 
J2bEE 平台 的 三 大 核心 技术 Servlet, JSP 和 EJB 都 已 先后 问世 。1999 年 ,Sun 正式 发 布 了 
J2EE 的 第 一 个 版 本 。 到 2003 年 时 ,Sun 的 J2EE 版 本 已 经 升级 到 了 J2EE 1.4 版 ,其 中 三 个 
关键 组 件 的 版 本 也 演进 到 了 Servlet 2. 4,JSP 2.0 和 EJB 2.1。 至 此 ,J2EE 体系 及 相关 的 软 
件 产品 已 经 成 为 了 Web 服务 器 端 开发 的 一 个 强 有 力 的 支撑 环境 。 在 这 种 模式 里 ,EJB 替代 
了 前 面 提 到 的 JavaBean 技术 。 

在 Web 服务 器 端 ,2000 年 以 后 出 现 了 几 种 主要 的 技术 融合 方式 。 首 先 , 越 来 越 多 的 Web 
开发 环境 开始 支持 MVC(Model-View-Contorller) 的 设计 模型 ,为 开发 者 提供 了 全 套 的 开发 杠 
架 。 实 际 上 ,J2EE 和 . NET 平台 本 身 就 是 这 种 开发 框架 的 典型 代表 。 开 源 项 目 在 Web 开发 框 
架 和 应 用 模型 方面 表现 得 非常 积极 ,Struts Jetspeed ,JPortlet Cocoon, Lenya, XOOPS 等 都 是 开 
源 世 界 里 与 MVC 开发 框架 门户 服务 和 Web 内 容 管理 相关 的 优秀 解决 方案 。 

J2EE 设计 模式 由 于 框架 大 ,不 容易 编写 .不 容易 调试 ,因此 比较 难以 掌握 。 目 前 只 是 应 
用 在 一 些 大 型 的 网 站 上 。 

对 于 本 节 介 绍 的 4 种 JSP 开发 模式 .常用 的 是 第 二 种 和 第 三 种 。 只 有 在 充分 理解 这 两 
种 开发 模式 的 基础 上 ,才能 掌握 J2EE 的 设计 模式 。 


7.2.4 经 验 总 结 


1. 向 量 与 数组 的 区 别 


CD Java 的 数组 可 存储 任何 类 型 的 数组 元 素 .包括 数值 类 型 和 所 有 类 类 型 。 

(2) Java 向 量 只 能 存储 对 象 类 的 实例 。 

向 量 能 重 定位 和 调整 自己 的 容量 。 默 认 时 ,向 量 重 定位 一 次 ,其 容量 就 扩大 一 倍 , 呈 指 
数 增长 ,所 以 应 指定 容量 增 量 ,作为 向 量 构造 函数 的 第 二 个 参数 。 例 如 : 


Vector itemsOrdered=new Vector (3, 10) 


此 例 中 向 量 每 重 定 位 一 次 ,其 容量 都 增加 10 个 元 素 。 


ey 


y 
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如 果 向 量 已 达到 其 永久 大 小 , 则 可 调用 tirmToSize 方法 ,将 内 存 块 大 小 调整 到 刚好 能 
容纳 当前 个 数 的 向 量 元 素 。 

向 量 不 能 像 数 组 一 样 使 用 [来 访问 其 中 的 元 素 .而 必须 用 elementAt 和 setSlementAt 
方法 来 访问 或 修改 元 素 。 


2. 使 用 Debug 调试 程序 


Eclipse 中 设 有 专门 的 调试 模式 ,常用 的 操作 有 : 在 Java 文件 中 设置 断 点 、 单 步调 试 、 跳 
出 函数 ,执行 到 最 后 等 。 


7.3 实现 其 他 功能 模块 
7.3.1 任务 描述 
实现 “新 闻 类 别 网 站 ”的 其 他 模块 。 包 括 : 友情 链接 、 系 统 日 志 等 模块 。 
7.8.3 任务 实现 


本 节 的 任务 实现 具体 包括 以 下 两 个 任务 。 
任务 1 实现 友情 链接 模块 
任务 2 ”实现 日 志 设置 模块 

任务 1: 实现 友情 链接 模块 

友情 链接 是 一 个 站 点 常设 的 栏目 “新 闻 类 别 网 站 ?中 也 设置 了 友情 链接 模块 ,该 模块 的 
具体 实现 分 三 个 子 任务 。 

子 任务 1. 1 构建 包 结构 
子 任务 1.2 建立 所 需 类 的 基本 结构 
子 任务 1.3 表现 层 的 实现 

子 任务 1.1: 构建 包 结 构 

在 Eclipse 中 新 建 “com. news. link” 包 结构 ,详细 操作 步骤 参见 7. 1 中 “任务 实现 ”部 分 
的 任务 1。 

子 任务 1.2: 建立 所 需 类 的 基本 结构 

具体 操作 步骤 如 下 : 

CD 在 本 节 任 务 1. 1 中 建立 的 “com. news，link” 包 中 新 建 基本 类 Link ,保存 为 Link. 
java。 其 中 的 字段 与 数据 库 中 对 应 的 实体 数据 表 中 的 字段 名 一 致 ,每 个 字段 都 要 编写 
getXxx 和 setXxx 方法 ,大 致 写法 如 程序 7-23 所 示 。 

【程序 7-23】 基本 类 link 类 

I3 Example Source Code: 


package com.news.link; 


/* x 


* Title: @ 工 作 室 


(m 
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* Description: 


* Copyright: Copyright (c) 2002 
* Company: www.uc2008.net 

* Qauthor: Skimob 

* QGversion 1.0 

*/ 


public class Link( 
int linkID; 
public Link( ){ 
H 


public void setLinkID (int linkID)( 
this.linkID- linkID; 


} 
public int getLinkID( )( 
return this.linkID; 


) 


(2) 在 本 节 任 务 1. 1 中 建立 的 “com. news. link” 包 中 新 建 类 LinkManager. 保存 为 
LinkManager. java。 完 善 所 需要 的 方法 , 即 实现 友情 链接 的 列表 显示 ` 增 加 、 人 和 修改. 删除 的 操 
TE ,大 致 写法 如 程序 7-24 所 示 。 

【程序 7-24】 LinkManager 类 

BJ Example Source Code: 


package com.news.link; 


fts 

* Title: eT HEZ 

* Description: 

* Copyright: Copyright (c) 2002 
* Company: www.uc2008.net 

* @author: Skimob 

* @version 1.0 

"f 


import java.sql.ResultSet; 
import java.util.Vector; 


import javax.servlet.http.HttpServletRequest; 


import com.news.database.DBConnect; 
import com.news.util.ParamUtil; 


public class LinkManager( 


public static Vector getLinks( ) throws LinkNotFoundException[] 
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public static Link getLink(int linkID) throws Exception(] 

public static void saveNew(HttpServletRequest request) throws Exception(] 
public static void saveEdit (HttpServletRequest request) throws Exception(] 
public static void delLink (HttpServletRequest request) throws Exception(] 
public static void updateOrders (HttpServletRequest request) throws Exception(] 

} 

子 任务 1.3: 表现 层 的 实现 

友情 链接 管理 表现 层 的 JSP 页 面 以 本 章 7. 1 节 任 务 5 中 完成 的 表现 层 JSP 框架 结构 为 
基础 ,将 系统 中 友情 链接 的 管理 操作 (友情 链接 的 增 、 删 、 改 、 查 ) 集 中 在 这 个 页 面 。 

在 Eclipse 中 新 建 一 个 JSP 文件 ,作为 友情 链接 管理 的 JSP 页 面 ,保存 到 项 目 中 ,文件 
名 为 Admin_Link. jsp, 具 体 步 又 可 参看 5. 6 节 的 任务 2, 其 他 的 具体 实现 参照 其 他 页 面 程序 
的 实现 ,由 读者 自己 完成 。 

任务 2: 实现 日 志 设 置 模块 

日 志 是 存储 软件 程序 、 服 务 或 操作 系统 产生 的 消息 记录 的 文件 。 在 “新 闻 类 别 网 站 ”中 ， 
也 设计 了 系统 日 志 模 块 ,用 来 记录 系统 发 生 的 事件 ,为 系统 的 运行 监控 做 好 日 常 的 记录 , 具 
体 实现 分 三 个 子 任务 。 

子 任务 2. 1 构建 包 结 构 
子 任务 2.2 建立 所 需 类 的 基本 结构 
子 任务 2.3 表现 层 的 实现 

THES 2.1. 构建 包 结构 

在 Eclipse Hý “com. news. log” 包 结构 ,详细 操作 步骤 参见 7. 1 中 “任务 实现 ”部 分 
的 任务 1 。 

子 任务 2.2: 建立 所 需 类 的 基本 结构 

具体 操作 步骤 如 下 : 

COD 在 本 节 任 务 2. 1 中 建立 的 “com. news. log” 包 中 新 建 基 本 类 Log, 保 存 为 Log. 
java。 其 中 的 字段 与 数据 库 中 对 应 的 实体 数据 表 中 的 字段 名 一 致 ,每 个 字段 都 要 编写 
getXxx 和 setXxx 方法 ,大致 写法 如 程序 7-25 所 示 。 

【程序 7-25] 基本 类 log 类 

ŒJ Example Source Code: 


package com.news. log; 


/x 

* Title: @ 工 作 室 

* Description: 

* Copyright: Copyright (c) 2002 
* Company: www.uc2008.net 

* Qauthor: Skimob 

* Qversion 1.0 

*/ 


public class Log{ 
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int logID; 


public Log ( ){ 
) 


public void setLogID (int logID)( 
this. logID- logID; 

) 

public int getLogID( ){ 
return this.logID; 


) 


(2) 在 本 节 任 务 2. 1 中 建立 的 “com. news. log” 包 中 新 建 类 LogManager. 保存 为 
LogManager. java。 完 善 所 需要 的 方法 , 即 实现 系统 日 志 的 列表 显示 增加、 修改 .删除 的 操 
作 ,大 致 写法 如 程序 7-26 所 示 的 代码 。 

【程序 7-26】 LogManager 类 

I3 Example Source Code: 


package com.news.1og; 


/* * 

* Title: eT EZ 

* Description: 

* Copyright: Copyright (c) 2002 
* Company: www.uc2008.net 

* @author: Skimob 

* @version 1.0 

ar 


import java.sql.ResultSet; 
import java.util.Vector; 


import javax.servlet.http.HttpServletRequest; 


import com.news.database.DBConnect; 
import com.news.util.ParamUtil; 


public class LogManager( 
public static Vector getLogs( ) throws LogNotFoundException(]) 
public static Log getLog (int logID) throws Exception(] 
public static void saveNew(HttpServletRequest request) throws Exception(] 
public static void saveEdit (HttpServletRequest request) throws Exception(í] 
public static void delLog (HttpServletRequest request) throws Exception(] 
} 


子 任务 2.3: 表现 层 的 实现 
参见 7. 3 节 子 任务 1. 3 的 描述 。 
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7.3.3 相关 知识 拓展 


1. JSP 概述 


JSP 是 由 Sun 公司 为 创建 动态 Web 页 面 而 定义 的 一 种 技术 。 它 们 是 与 Java 相关 的 一 
种 HTML 文档 ,Java 提供 动态 内 容 。JSP 是 在 服务 器 端 应 用 的 一 种 脚本 , 它 接受 请 求 并 生 
成 响应 。 此 请 求 通常 由 一 个 Web 客户 端 发 送 , 而 响应 则 是 根据 请 求生 成 的 一 种 HTML 文 
Pi ,该 文档 需要 返回 给 Web 客户 端 。 由 于 ISP 是 服务 器 端 应 用 ,所 以 它 拥有 对 服务 器 端 资 
源 的 访问 权限 ,诸如 Servlet、JavaBean、EJB 和 数据 库 。 


2. JSP 工作 原理 


JSP 文件 是 在 一 个 普通 的 静态 HTML 文件 中 添加 了 一 些 Java 代码 ,JSP 文件 的 扩展 
名 为 .jsp。 当 第 一 次 访问 JSP 页 面 的 时 候 , 这 个 文件 首先 会 被 JSP 容器 翻译 为 一 个 Java W 
文件 ,其实 就 是 一 个 Servlet ,并 进行 编译 生成 相对 应 的 字 节 码 文件 . class, 然 后 像 其 他 
Servlet 一 样 ,由 Servlet 容器 来 处 理 。Servlet 容器 装载 这 个 类 ,处 理 来 自 客 户 的 请 求 , 并 把 
结果 返回 给 客户 。 这 个 过 程 如 图 7-4 BER 。 


Servlet 
(java) 


Class 文件 


(.class) 


图 7-4 JSP 页 面 的 执行 过 程 


以 后 这 个 页 面 再 被 访问 时 ,只 要 该 文件 没有 发 生 过 更 改 .JSP 容器 就 直接 调用 已 经 装载 
的 Servlet。 如 果 已 经 做 过 修改 ,就 会 再 次 执行 以 上 过 程 .翻译 ,编译 并 装载 。 因 为 首次 访问 
的 时 候 要 执行 一 系列 上 面 的 过 程 ,所 以 第 一 次 访问 某 JSP 页 面 时 速度 会 较 慢 ,但 在 以 后 运 
行 时 速度 就 会 非常 快 。 

Java2 企业 版 (J2EE) 定 义 了 几 个 容器 : JSP 容器 、Servlet 容器 和 EJB 容器 (企业 级 
JavaBean), J2EE 规范 定义 的 容器 用 于 为 企业 级 组 件 在 其 生命 周期 内 或 活动 期 内 提供 运行 
环境 。J2EE 容器 管理 组 件 的 生命 周期 并 向 组 件 提 供 不 同 的 服务 。 此 外 ,它们 还 协调 组 件 与 
更 大 的 运行 环境 之 间 的 交互 。 


3. JSP 页 面 的 生命 周期 
JSP 页 面 在 被 编译 为 Servlet 并 加 载 到 Servlet 容器 后 ,Servlet 容器 使 用 3 个 方法 控制 


E 第 7 章 “实现 网 站 服务 器 端的 功能 
WS 


其 生命 周期 。 这 3 个 方法 为 jspInit( ) ,jspSevice( ) 和 jspDestroyC ) 。 这 些 方法 是 根据 JSP 
页 面 的 状态 由 JSP 容器 调用 的 。 

在 javax. servlet. jsp 包 中 定义 了 一 个 JspPage 接口 ,该 接口 定义 了 jspInit( ) 与 
jspDestroy( ) 两 个 方法 。jspInit( ) 与 jspDestroy( ) 方 法 分 别 用 于 完成 初始 化 和 释放 资源 的 
操作 。 针 对 HTTP 通信 协议 ,javax. sevler. jsp 包 定义 了 一 个 HttpJspPage 接口 。 该 接口 
只 定义 了 一 个 jspService( ) 方 法 ,该 方法 由 JSP 容器 调用 .以 响应 浏览 器 端的 HTTP 请 求 。 

一 般 把 jspInit( ) 方 法 .jspService( ) 以 及 jspDestroy( ) 3 个 方法 称 为 ISP 生命 周期 方 
法 。 当 一 个 JSP 页 面 被 请 求 调 进 时 ,由 JSP 容器 把 该 JSP 页 面 转换 成 一 个 Servlet。 在 转换 
成 功 后 ,JSP 容器 将 调用 jspInit( ) 方 法 ,创建 Servlet 的 一 个 实例 。 

jspInit( ) 方 法 在 Servlet 生命 周期 只 执行 一 次 ,然后 将 调用 jspService( ) 方 法 处 理 来 自 
客户 端的 请 求 。 当 同时 有 多 个 客户 请 求 时 ,JSP 容器 将 创建 该 Servlet 的 多 个 线程 响应 ,这 
样 每 个 客户 请 求 对 应 一 个 Servlet 线程 ,以 多 线程 方式 执行 提高 了 系统 的 并 发 性 。 由 于 
Servlet 始终 驻 留 在 内 存 中 ,所 以 响应 速度 非常 快 。 如 果 在 JSP 页 面 被 转换 成 Servlet 后 ,该 
JSP 页 面 又 被 修改 了 , 则 JSP 容器 会 重新 编译 该 JSP 页 面 , 并 用 新 生成 的 Servlet 取代 内 存 
中 旧 的 Servlet。 当 不 再 需要 一 个 Servlet 时 ,jspDestroy( ) 方 法 将 被 调用 ,以 释放 该 Servlet 
实例 占用 的 系统 资源 。 


7.3.4 经 验 总 结 


在 Web 程序 的 开发 过 程 中 ,代码 的 重用 是 很 重要 的 ,很 多 代码 都 是 相似 的 ,尤其 在 
J2EE 的 开发 中 ,类 、 包 的 使 用 更 是 将 这 种 重用 发 挥 了 出 来 ,所 以 在 开发 的 过 程 中 要 积累 自己 
的 包 或 者 类 库 , 开 发 出 来 的 类 要 尽量 地 重用 ,这 样 不 仅 会 提高 工作 效率 ,而 且 也 是 财富 积累 ， 
这 将 大 大 加 快 日 后 的 开发 进度 。 


7.4 网 站 的 安全 性 设计 


r4 知识 储备 

Web 应 用 程序 的 安全 是 系统 开发 人 员 必 须 考虑 的 重要 因素 之 一 ,因为 这 涉及 网 站 的 建 
设 者 ,网 站 的 访问 者 等 诸多 安全 问题 ,如 果 处 理 得 不 好 ,可 能 会 给 系统 的 访问 者 和 管理 者 带 
来 严重 的 问题 。 同 时 Web 应 用 程序 的 安全 解决 方案 不 仅 是 技术 问题 ,还 涉及 管理 等 多 个 方 
面 的 问题 ,尤其 是 服务 器 的 配置 ,比如 必须 坚持 服务 器 配置 权限 最 小 化 原则 等 。 

在 此 仅 从 Web 应 用 程序 的 设计 上 来 考虑 安全 性 要 求 ,对 Web 应 用 程序 在 开发 过 程 中 
程序 自身 安全 性 进行 设计 ,但 由 于 有 时 并 没有 特意 的 引起 重视 ,在 每 一 个 细节 的 处 理 时 未 注 
意 网 站 的 安全 性 ,结果 可 能 导致 一 些 安全 漏洞 。 

作为 一 名 优秀 的 程序 员 , 应 充分 考虑 系统 的 安全 性 ,这 是 程序 员 应 具备 的 职业 道德 ,也 
是 系统 经 得 起 考验 的 基础 。 

1. MD5 数据 加 密 技 术 

MD5 的 全 称 是 Message-Digest Algorithm 5, 用 来 对 数据 进行 加 密 , 用 它 对 用 户 的 登 
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录 密 码 进行 加 密 处 理 后 , 存 到 数据 库 中 ,这 样 可 以 保证 私人 密码 的 安全 性 。MD5 是 目前 比 
较 流 行 和 安全 的 加 密 方法 。 

没有 经 过 MD5 加 密 的 密码 直接 显示 在 数据 库 表 中 ,如 果 被 黑客 下 载 数据 , 查 出 数据 库 
中 的 密码 ,或 者 内 部 开发 人 员 通 过 数据 库 查 出 用 户 的 密码 ,都 可 能 会 对 用 户 的 信息 安全 造成 
很 大 的 影响 。 如 果 数 据 库 表 中 存储 MD5 加 密 后 的 密码 ,在 数据 库 中 看 到 的 是 一 连 串 经 过 
加 密 的 字符 串 , 不 能 看 到 真正 的 密码 ,这 样 就 能 更 好 地 保护 网 站 的 安全 。 

当 用 户 登 录 的 时 候 , 系 统 把 用 户 输入 的 密码 计算 成 MD5 值 ,然后 再 去 和 保存 在 文件 系 
统 中 的 MD5 值 进行 比较 ,进而 确定 输入 的 密码 是 否 正确 。 通 过 这 样 的 步骤 ,系统 在 并 不 知 
道 用 户 密码 的 明码 的 情况 下 就 可 以 确定 用 户 登录 系统 的 合法 性 。 这 不 但 可 以 避免 用 户 的 密 
码 被 具有 系统 管理 员 权 限 的 用 户 知道 ,而 且 还 在 一 定 程 度 上 增加 了 密码 被 破解 的 难度 。 

使 用 MD5 进行 用 户 验证 的 过 程 如 下 : 将 客户 端 输入 的 验证 信息 进行 MD5 加 密 形 成 
“ 密 文 1”, 发 送 到 服务 器 端 ,服务 器 端 从 数据 库 读 出 验证 信息 的 MD5 值 ( 密 文 2) ,然后 “ 密 文 
1” 与 “ 密 文 2” 对 比 , 若 相等 则 认证 成 功 ,否则 失败 。 

但 是 ,如 果 “ 密 文 1 在 传输 过 程 中 被 非法 获取 ,非法 用 户 即 使 不 知道 “ 密 文 1” 的 内 容 ,直接 
向 服务 器 发 送 “ 密 文 1" 并 请 求 验 证 , 则 验证 可 能 成 功 ,访问 者 的 真实 性 无 法 保证 。 因 此 ,需要 对 
访问 者 的 验证 过 程 进行 改进 。 在 客户 端 请 求 验证 的 同时 ,通过 Ajax 技术 异步 向 服务 器 申请 一 
个 临时 的 验证 码 ,客户 端 将 用 户 信息 进行 n 次 MD5 混合 运算 后 生成 “ 密 文 1”, 附 加 验证 码 一 起 
发 送 到 服务 器 ,服务 器 首先 检查 验证 码 是 否 与 服务 器 端 一 致 , 若 一 致 ,到 数据 库 中 检索 是 否 存 
在 “ 密 文 1 的 用 户 ,存在 则 成 功 ,否则 失败 。 验 证 码 是 改进 后 的 验证 关键 ,同时 验证 码 还 可 以 防 
止 入 侵 者 使 用 程序 自动 登录 服务 器 ,进行 密码 的 暴力 破解 。 因 此 ,验证 码 技术 上 要 求 不 能 被 复 
制 , 不 能 被 扫描 仪 自动 识别 ,不 能 随机 生成 ,采用 模糊 的 图 片 方式 才能 达到 要 求 。 

2. 验证 码 技术 

普遍 的 客户 端 交互 如 留言 本 、 会 员 注册 等 仅 是 按照 要 求 输入 内 容 , 但 网 上 有 很 多 攻击 软 
件 , 如 注册 机 ,可 以 通过 浏览 Web ,扫描 表 单 , 然 后 在 系统 上 频繁 注册 ,频繁 发 送 不 良 信息 ， 
造成 不 良 的 影响 ,或 者 通过 软件 不 断 的 尝试 ,和 盗 取 密 码 。 通 过 使 用 验证 码 技术 ,使 客户 端 输 
入 的 信息 必须 经 过 验证 ,从 而 可 以 解决 这 个 问题 。 

所 谓 验 证 码 , 就 是 将 一 串 随机 产生 的 数字 或 符号 ,生成 一 幅 图 片 ,图 片 里 加 上 一 些 干扰 
像素 ,由 用 户 肉眼 识别 其 中 的 验证 码 信息 ,输入 表单 提交 网 站 验证 ,验证 成 功 后 才能 使 用 某 
项 功能 。 放 在 会 员 注 册 、 留 言 本 等 所 有 客户 端 提交 信息 的 页 面 , 要 提交 信息 ,必须 要 输入 正 
确 的 验证 码 , 从 而 可 以 防止 不 法 用 户 使 用 软件 频繁 注册 ,频繁 发 送 不 良 信息 等 。 

必须 保证 所 有 客户 端 交互 部 分 都 输入 验证 码 , 若 提交 信息 时 不 输入 验证 码 , 或 者 故意 输 
入 错误 的 验证 码 , 信 息 都 不 能 提交 , 则 说 明 验 证 码 有 效 , 若 验证 码 输 入 正确 则 提交 信息 ,说 明 
验证 码 功 能 已 完善 。 

3. 防 SQL 注入 技术 

SQL 注入 式 攻击 是 指 在 输入 框 或 URL 中 输入 SQL 语句 . 绕 过 验证 程序 ,非法 获取 用 户 的 
访问 权 , 进 行 非法 操作 的 入 侵 方式 。 防 御 SQL 注入 式 攻击 的 方法 常用 两 种 ,一 种 是 使 用 数据 
库 管 理 系统 的 存储 过 程 , 另 一 种 是 对 输入 的 信息 和 URL 请 求 信息 中 的 敏感 关键 字 过 滤 。 

相当 大 一 部 分 程序 员 在 编写 代码 的 时 候 . 没 有 对 用 户 输入 数据 的 合法 性 进行 判断 ,使 应 
用 程序 存在 安全 隐患 。 新 手 最 容易 忽略 的 问题 就 是 SQL 注入 漏洞 的 问题 。 用 NBSI2.0 对 
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网 上 的 网 站 扫描 ,就 能 发 现 部 分 网 站 存在 SQL 注入 漏洞 .访问 者 可 以 提交 一 段 数据 库 查询 
代码 ,根据 程序 返回 的 结果 ,获得 某 些 他 想 得 知 的 数据 。 

当 通 过 URL、 表 单 等 向 服务 器 提交 信息 时 ,利用 一 段 防止 SQL 注入 的 过 滤 代码 , 即 可 
防止 出 错 信 息 暴 露 ; 或 者 通过 转向 , 当 系 统 出 错时 转 到 一 个 提示 出 错 的 页 面 等 。 同 时 服务 器 
权限 设置 是 一 个 非常 重要 的 方面 ,由 于 涉及 服务 器 的 配置 比较 多 ,在 此 不 作 介绍 。 

对 于 文本 型 输入 ,如 果 要 进行 检查 ,就 得 根据 字段 本 身 的 性 质 进 行 。 例 如 年 龄 ,可 以 限 
定 此 字段 必须 是 数字 ,大 小 必须 限定 在 一 个 范围 之 间 , 比 如 说 18 一 120 之 间 。 对 于 用 户 名 ， 
应 该 建立 一 个 集合 ,这 个 集合 里 存放 有 被 允许 的 字符 或 被 禁止 的 字符 。 

特别 需要 说 明 的 是 关于 检查 程序 的 问题 。 目 前 ,程序 对 输入 数据 的 检查 是 在 前 台 通 过 
客户 端 脚本 完成 的 ,这 样 攻击 者 很 容易 就 能 绕 过 检查 程序 。 建 议 采 用 前 、 后 台 结 合 的 方法 ， 
既 可 以 保证 效率 ,又 可 以 提高 安全 性 。 

4. 其 他 安全 性 设计 

(D URL 请 求 验证 

URL 请 求 验证 是 防止 用 户 非 法 请 求 的 一 种 方法 。 非 法 请 求 是 用 户 直 接 向 服务 器 发 送 
URL 请 求 , 在 请 求 中 传递 一 些 非 法 参数 , 绕 过 系统 的 认证 程序 ,以 达到 入 侵 者 的 非法 目的 。 非 
法 URL 请 求 是 入 侵 系统 的 常用 手段 。 因 此 ,进行 URL 请 求 的 验证 是 提高 系统 安全 性 的 一 种 
有 效 方法 。 要 实现 URL 的 请 求 验证 ,同样 采用 验证 码 的 方式 , 当 用 户 登 录 网 站 时 ,通过 Ajax 
技术 异步 向 服务 器 发 送 申 请 验证 码 的 请 求 , 当 打开 网 站 的 某 一 内 容 时 ,将 内 容 打开 请 求 信 息 与 
验证 码 一 起 发 送 到 服务 器 ,服务 器 进行 验证 码 的 核对 ,如 果 正 确 则 显示 ,否则 拒绝 服务 。 

(2) 双重 验证 

有 些 系 统 只 在 客户 端 进 行 验证 ,这 是 很 不 安全 的 。 因 为 数据 在 传输 过 程 中 有 可 能 被 恶 
意 签 改 , 服 务 器 得 到 的 将 不 是 真实 的 数据 ,或 者 直接 在 URL 中 输 验 证 请 求 , 绕 过 客户 端的 
验证 程序 ,提交 不 安全 的 数据 。 因 此 ,可 以 采用 双重 验证 的 方式 ,客户 端的 验证 可 以 提高 与 
用 户 的 交互 性 ,服务 器 端的 验证 保证 数据 的 安全 性 。 

(3) 非法 链接 和 非法 复制 

好 多 网 站 都 使 用 框架 结构 ,每 个 框架 载 入 对 应 的 页 面 ,这 些 页 面 很 容易 被 其 他 网 站 非法 
使 用 到 自己 的 框架 中 。 解 决 这 一 问题 可 以 使 用 URL 请 求 验证 和 图 片 打 烙 印 相 结合 的 方 
式 。 对 于 非法 复制 的 问题 ,大 多 数 网 站 采用 禁止 使 用 鼠标 拖 动 选择 .鼠标 右 击 等 功能 ,这 些 
方法 是 为 了 防止 不 懂 计 算 机 的 访问 者 ,但 稍 有 计算 机 知识 的 人 还 是 很 容易 就 能 获取 信息 。 
因此 ,可 以 对 一 些 字 做 成 图 片 字典 , 当 信 息 中 包含 这 些 字 时 ,使 用 图 片 显示 ,用 户 非 法 复制 后 
的 内 容 将 不 是 完整 的 内 容 (不 过 ,编者 认为 ,既然 已 经 公布 于 网 络 上 的 信息 ,除非 客户 要 求 ， 
否则 没有 必要 这 么 做 ) 。 

(4) 数据 备份 技术 

当 网 站 被 黑客 攻击 或 者 其 他 原因 丢失 了 数据 ,可 以 利用 预先 备份 的 数据 恢复 原来 的 数 
据 , 从 而 保证 网 站 在 一 些 人 为 的 .自然 的 不 可 避免 的 条 件 下 被 损坏 后 的 相对 安全 性 。 

采用 数据 库 系统 自动 定时 备份 .自动 定 时 删除 几 天 以 前 的 数据 等 , 即 可 完成 数据 的 备份 
功能 。 而 图 片 、 文 件 一 般 不 能 自动 备份 ,需要 定期 手工 对 网 站 的 图 片 、 文 件 进行 备份 操作 。 
备份 间隔 时 间 需 要 根据 网 站 的 更 新 频率 来 决定 。 

(5) AKKA 

参数 自 改 包括 操纵 URL. 字符 囊 ,以 检索 用 户 以 其 他 方式 得 不 到 的 信息 。 访问 Web 应 


网 站 项 目 规划 与 设计 


用 的 后 端 数据 库 是 通过 常常 包含 在 URL 中 的 SQL 调用 来 进行 的 。 恶 意 的 访问 者 可 以 操 
纵 SQL 代码 ,以 便 将 来 有 可 能 检索 一 份 包含 所 有 用 户 、 口 令 、 信 用 卡号 的 清单 或 者 储存 在 数 
据 库 中 的 任何 其 他 数据 。 

(6) 更 改 Cookie 

更 改 Cookie 指 的 是 修改 存储 在 Cookie 中 的 数据 。 网 站 常常 将 一 些 包括 用 户 ID 口令、 
账号 等 的 Cookie 存储 到 客户 端的 系统 上 。 通 过 改变 这 些 值 ,恶意 的 访问 者 就 可 以 访问 不 属 
于 他 们 的 账户 ,攻击 者 也 可 以 窃取 他 人 的 Cookie 并 访问 他 人 的 账户 ,达到 不 输入 ID 和 口令 
或 不 进行 其 他 验证 就 能 访问 系统 的 目的 。 

(7) 输入 信息 控制 

输入 信息 检查 包括 通过 控制 由 CGI 脚本 处 理 的 HTML 格式 中 的 输入 信息 来 运行 系统 
命令 。 例 如 ,使 用 CGI 脚本 向 另 一 个 用 户 发 送信 息 的 形式 可 以 被 攻击 者 控制 来 将 服务 器 的 
口令 文件 邮寄 给 恶意 的 访问 者 或 者 删除 系统 上 的 所 有 文件 。 

(8) 缓冲 区 溢出 

缓冲 区 溢出 是 恶意 的 访问 者 向 服务 器 发 送 大 量 数 据 以 使 系统 瘫 疾 的 典型 攻击 手段 ,该 
系统 包括 存储 这 些 数 据 的 预 置 缓冲 区 。 如 果 所 收 到 的 数据 量 大 于 缓冲 区 , 则 部 分 数据 就 会 
溢出 到 堆栈 中 。 如 果 这 些 数据 是 代码 ,系统 随后 就 会 执行 溢出 到 堆栈 上 的 任何 代码 。Web 
应 用 缓冲 区 溢出 攻击 的 典型 例子 也 涉及 HTML 文件 。 如 果 HTML 文件 上 的 一 个 字段 中 
的 数据 足够 的 大 , 它 就 能 创造 一 个 缓冲 区 溢出 条 件 。 

(9) 直接 访问 浏览 

直接 访问 浏览 指 直接 访问 应 该 需要 验证 的 网 页 。 没 有 正确 配置 的 Web 应 用 程序 可 以 
让 恶意 的 访问 者 直接 访问 包括 有 敏感 信息 的 URL 或 者 使 提供 收费 网 页 的 公司 丧失 收入 。 


7.4.1 任务 描述 
进行 “新 闻 类 别 网 站 ”的 安全 性 设计 。 
7.4.2 任务 实现 


任务 1 MD5 数据 加 密 技术 
任务 2 验证 码 技术 
任务 3 防 SQL 注入 技术 
任务 4 其 他 安全 性 设计 
任务 1: MDS 数据 加 密 技术 
该 类 主要 是 对 网 站 用 户 的 登录 密码 进行 加 密 处 理 , 存 到 数据 库 中 ,这 样 可 以 保证 私人 密 
码 的 安全 性 ,是 比较 流行 和 安全 的 加 密 方 法 ,此 处 的 加 密 采用 较为 流行 的 MD5 加 密 算法 ， 
加 密 过 程 为 : 将 密码 进行 MDS 加 密 后 存 和 人 数据库, 以 后 登录 验证 时 将 登录 者 输入 的 密码 加 
密 后 与 数据 库 中 已 存 的 加 密 密 码 对 比 , 一 致 后 则 表示 登录 通过 验证 。 具 体操 作 步 又 如 下 : 
CD 在 7.1 节 任务 1 中 建立 的 “com. news. util* 包 中 新 建 类 MD5 ,保存 为 MD5. java, K 
致 写法 如 程序 7-27 所 示 的 代码 。 
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一 般 情况 下 ,MD5 类 不 用 自行 编写 ,直接 引用 现成 的 就 可 以 ,在 选用 时 要 选用 大 公司 或 


专业 人 员 开 发 的 ,不 要 使 用 没有 安全 保障 的 。 
【程序 7-27] MD5. java 
i33 Example Source Code: 


package com.news.util; 
import java.lang.reflect.Array; 


/* 

* Title: eT. frs 

* Description: ”MD5 加 密 

* Copyright: Copyright (c) 2007 
* Company: www.uc2008.net 

* author: Skimob 

* version: 1.0 


public class MD5 
t 
static final int S11- 7; 
static final int S12=12; 
static final int S13=17; 
static final int S14- 22; 
static final int S21-5; 
static final int S22- 9; 
static final int S23-14; 
static final int S24- 20; 
static final int S31-4; 
static final int 832-11; 
static final int S33-16; 
static final int S34=23; 
static final int S41- 6; 
static final int S42=10; 
static final int 843-15; 
static final int S44=21; 
static final byte PADDING[]- ( 
—128, 9, 0, 0, 0, 0, 0, 0, 0, 0, 


0, 0, 0, 0, O, 0, 0, O, 0, 0, 
0, 0, 0, 0, O, 0, 0, O, 0, 0, 
0, 0, 0, 0, O, 0, 0, O, 0, 0, 
0, 0, 0, 0, O, 0, 0, O, 0, 0, 
0, 0, 0, 0, O, 0, 0, O, 0, 0, 
0,0,0,0 


NH 

private long state[]; 
private long count[]; 
private byte buffer[]; 
public String digestHexStr; 
private byte digest[]; 


public MD5( ) 
t 


// 指 定 类 所 在 的 包 
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state- new long[4]; 
count- new long[2]; 
buffer-new byte [64]; 
digest- new byte [16]; 
md5Init( ); 
H 
private void Decode (long al[], byte abyteO[], int i) 
t 
int j=0; 
for (int k-0; k«i; kt-4) 
t 
al [j]= b2iu (abyte0 [k]) | b2iu (abyteO [k+ 1]) « « 8| b2iu (abyte0 [k+ 2]) « < 16| b2iu 
(abyteO[k* 3]) «« 24; 
jt+; 


) 
private void Encode (byte abyte0[], long al[], int i) 
t 
int j=07 
for (int k-0; k«i; k+=4) 
t 
abyte0[k]- (byte) (int) (a1[j] & 255L) ; 
abyteO[k* 1]- (byte) (int) (a1 [3]» »» 8 & 2551) ; 
abyte0 [k+ 2]= (byte) (int) (a1[j]» »» 16 & 255L) ; 
abyte0 [k+ 3]= (byte) (int) (a1[j]» »» 24 & 255L) ; 
e*t; 


) 
private long F(long 1, long 11, long 12) 
t 
return 1 & l1l|—1 & 12; 
} 
private long FF (long 1, long 11, long 12, long 13, long 14, long 15, long 16) 
t 
l+=F(11, 12, 13)* 144 16; 
l= (int)l«« (int)15| (int)1>>> (int) (32L- 15) ; 
l+=11; 
return 1; 
t 
private long G(long 1l, long 11, long 12) 
t 
return l & 12]11 & —12; 
H 
private long GG(long 1, long ll, long 12, long 13, long 14, long 15, long 16) 
t 
l+=G(11, 12, 13)* 14416; 
l= (int)1«« (int)15| (int) 1» »» (int) (32L- 15) ; 
l+=11; 
return l; 
} 
private long H(long 1, long 11, long 12) 
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return 1l ^ 11 ^ 12; 
} 
private long HH (long 1, long 11, long 12, long 13, long 14, long 15, long 16) 
t 
l+=H(11, 12, 13)* 14416; 
l= (int)l«« (int)15| (int) 1» »» (int) (32L- 15); 
l+=11; 
return l; 
} 
private long I (long l, long ll, long 12) 
t 
return 11 ^ (1]—12); 
} 
private long II (long 1, long 11, long 12, long 13, long 14, long 15, long 16) 
t 
l+=I(11, 12, 13)*14* 16; 
l= (ünt)1«« (int)15| (int)1»»» (int) (32L- 15); 
l+=11; 
return 1; 
} 
public static long b2iu (byte byte0) 
{ 
return (long) (byte0>=0 ? byte0: byte0 & Oxff); 
} 
public static String byteHEX (byte byte0) 
{ 
char ac[]={ 
ip, 4i, ior, «3, adr, ry apr, 19i, 
'A*, "B' *C*, *D', *E', "E" 
Hu 
char acl[]- new char[2]; 
acl[0]-ac[byte0» 2» 4 & Oxf]; 
acl[1]-ac[byteO & 0xf]; 
String s-new String (acl); 
return s; 
} 
public String getMD5ofStr (String s) 
t 
md5Init(); 
md5Update (s.getBytes( ), s.length( )); 
md5Final(); 
digestHexStr- ""; 
for(int i-0; i«16; i++) 
digestHexStr* -byteHEX (digest [i]) ; 
return digestHexStr; 
H 
public static void main (String args[]) 
t 
MD5 md5- new MD5( ); 
if (Array.getLength (args)-- 0) 
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} 


System.out.println("MD5 Test suite:"); 
System.out.println ("MD5 (\"\") :" md5.getMD5ofStr ("")) ; 
System.out .println ("MD5 (V"a V") : "^ md5.getMD5ofStr ("a") ) ; 
System.out.println ("MD5 (V"abcV") :" md5.getMD5ofStr ("abc") ) ; 
System. out.println ("MD5 (V" message digest V") :" 4 md5. getMD5ofStr ("message 
digest")); 
System. out. println ("MD5 (\" abcdefghi jklImnopqarstuvwxyz V") :" + md5. getMD5ofStr (" 
abcdefghi jkImnoparstuvwxyz") ) ; 
System. out. println ("MD5 (V " ABCDEFGHIJKIMNOPORSTUWXYZabcdefghi jklmnopqrstuv 
wWxyz0123456789 V ") :" + md5. getMD5ofStr ( " ABCDEFGHIJKIMNOPORSTUWWXYZabcdefghi jk 
1mnopqrstuvwxyz0123456789") ) ; 
) else 
t 
System.out.println ("MD5("- args [0]+")= "* md5.getMD5ofStr (args [0])) ; 


private void md5Final( ) 


{ 


} 


byte abyte0[]=new byte[8]; 

Encode (abyte0, count, 8); 

int i= (int) (count [0]>>>3) & Ox3f; 
int j=i >=56 ?120-i: 56-i; 
md5Update (PADDING, j); 

mdSUpdate (abyte0, 8); 

Encode (digest, state, 16); 


private void md5Init( ) 


t 


) 


count [0]= OL; 
count [1]- OL; 
state [0]- 0x67452301L; 
state[1]- Oxefcdab89L; 
state [2]- 0x98badcfeL; 
state[3]- 0x10325476L; 


private void md5Memcpy (byte abyteO[], byte abytel[], int i, int j, int k) 


t 


) 


for (int 1-0; l«k; 1++) 
abyteO[i*l]-abytel[j*1]; 


private void md5Transform (byte abyte0[]) 


t 


long l-state[0]; 

long ll-state[1]; 

long 12-state[2]; 

long 13-state[3]; 

long al[]- new long[16]; 

Decode (al, abyte0, 64); 

l-FF(, 11, 12, 13, al[0], 7L, 0xd76aa478L); 
13=FF (13, 1l, 11, 12, al[1], 12L, 0xe8c7b756L); 


12-FF(12, 13, 1, 11, al 
11=FF (11, 12, 13, 1, al 
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2], 17L, 0x242070dbL); 
3], 22L, OxclbdceeeL); 


l-FF(, 11, 12, 13, al[4], 7L, Oxf57cOfafL); 


13-FF(13, 1, 11, 12, al 
12-FF(12, 13, 1, 11, al 
11=FF (11, 12, 13, 1, al 


5], 12L, 0x4787c62aL) 7 
6], 17L, 0xa8304613L) ; 
7], 22L, Oxfd469501L) ; 


l-FF(, 11, 12, 13, al[8], 7L, 0x698098d8L); 


13-FF(13, 1, 11, 12, al 
12-FF(12, 13, 1, 11, al 
11=FF (11, 12, 13, 1, al 


9], 12L, Ox8b44f7afL); 
10], 17L, OxffffSbblL); 
11], 22L, 0x895cd7beL) ; 


l-FF(Q, 11, 12, 13, al[12], 7L, 0x659011221); 


13-FF(13, 1, 11, 12, al 
12-FF(12, 13, 1, 11, al 
11=FF (11, 12, 13, 1, al 


13], 12L, 0xfd987193L); 
14], 17L, 0xa679438eL); 
15], 22L, 0x49b40821L); 


1l-GGQ, 11, 12, 13, al[1], 5L, Oxf61e2562L); 


13-66(13, 1, 11, 12, al 
12-GG(12, 13, 1, 11, al 
l1-GG(ll, 12, 13, 1, al 


6], 9L, 0xc040b340L) ; 
11], 14L, 0x265e5a51L); 
0], 20L, Oxe9b6c7aaL); 


1=GG(1, 11, 12, 13, al[5], 5L, Oxd62f105dL); 


13-66(13, 1, 11, 12, al 
12-GG(12, 13, 1, 11, al 
l1-GG(l1, 12, 13, 1, al 


10], 9L, 0x2441453L); 
15], 14L, 0xd8ale681L); 
4], 20L, Oxe7d3fbc8L) ; 


l-GG(, 11, 12, 13, al[9], 5L, Ox21lelcde6L); 


13-6GG(13, 1, 11, 12, al 
12-6G(12, 13, 1, 11, al 
11-GG(11, 12, 13, 1, al 


14], 9L, 0xc33707d6L) ; 
3], 14L, Oxf4d50d87L); 
8], 20L, 0x455al4edL); 


1l-GGQ, 11, 12, 13, a1[13], 5L, 0xa9e3e905L); 


13-6G6(13, 1, 11, 12, al 
12-6G(12, 13, 1, 11, al 
11-GG(l11, 12, 13, 1, al 


2], 9L, Oxfcefa3f8L); 
7], 14L, 0x676f02q9L) 7 
12], 20L, 0x8d2a4c8aL); 


1-HH(, 11, 12, 13, al[5], 4L, Oxfffa39421); 


13-HH(13, 1, 11, 12, al 
12-HH(12, 13, 1, 11, al 
l1-HH(11, 12, 13, 1, al 


8], 11L, 0x8771f681L); 
11], 16L, 0x6d9d6122L); 
14], 23L, Oxfde5380cL) ; 


1-HHQ, 11, 12, 13, al[1], 4L, Oxa4beea44L); 


13-HH(13, 1, 11, 12, al 
12-HH(12, 13, 1, 11, al 
l1-HH(11, 12, 13, 1, al 


4], 11L, Ox4bdecfa9L); 
7], 16L, OxfGbb4b60L); 
10], 23L, Oxbebfbc7OL); 


1-HHQ, 11, 12, 13, a1[13], 4L, 0x289b7ec6L); 


13-HH(13, 1, 11, 12, al 
12-HH(12, 13, 1, 11, al 
11-HH(11, 12, 13, 1, al 


0], 11L, Oxeaal27faL); 
3], 16L, Oxd4ef3085L); 
6], 23L, 0x4881a05L) ; 


l-HH(, 11, 12, 13, al[9], 4L, Oxd9d4d039L); 


13-HH(13, 1, 11, 12, al 
12-HH(12, 13, 1, 11, al 
11=HH (11, 12, 13, 1, al 
l=II (l, l1, 
213- II (13, 1, 11, 12, al 
12-II(12, 13, 1, 11, al 
11=II (11, 12, 13, 1, al 


12], 11L, Oxe6db99e5L); 
15], 16L, Oxlfa27Ccf8L); 
2], 23L, 0xc4ac5665L) ; 


12, 13, al[0], 6L, 0xf42922441); 


7], 10L, Ox432aff97L); 
14], 15L, 0xab9423a7L); 
5], 21L, Oxfc93a039L) ; 


1-IIQ, 11, 12, 13, al[12], 6L, Ox655b59c3L); 
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13- II(13, 1, 11, 12, al 
12-II(12, 13, 1, 11, al 
11=II (l1, 12, 13, l, al 


3], 10L, Ox8f0ccc92L); 
10], 15L, Oxffeff47dL); 
1], 21L, 0x85845ddlL); 


1-IIQ, 11, 12, 13, al[8], 6L, Ox6fa87e4fl); 


13-11(13, 1; 11, 12; al 
12-II(12, 13, 1, 11, al 
l1-II(11, 12, 13, l, al 


15], 10L, Oxfe2ce6e0L); 
6], 15L, 0xa3014314L); 
13], 21L, 0x4e0811alL); 


1-IIQ, 11, 12, 13, al[4], 6L, 0xf7537e82L); 


13-II(13, 1, 11, 12, al 


11], 10L, Oxbd3af235L); 


12-II(12, 13, 1, 11, al 
11-II(11, 12, 13, l, al 
state[0]+=1; 
state[1]*-11; 
state[2]*- 12; 
state[3]*-13; 


2], 15L, Ox2ad7d?bbL); 
9], 21L, Oxeb86d391L); 


) 
private void md5Update (byte abyteO[], int i) 
t 
byte abytel[]- new byte [64] ; 
int k= (int) (count [0]>>>3) & Ox3f; 
if ( (count [0]+=i<<3)< (long) (i<<3)) 
count[1]++; 
count[1]*-i >>>29; 
int l=64-k; 
int j; 
if (i >=1) 
{ 
md5Memcpy (buffer, abyte0, k, 0, 1); 
md5Transform (buffer); 
for(j-1; j*63«i; j*- 64) 
t 
md5Memcpy (abytel, abyteO, 0, j, 64); 
md5Transform(abytel); 
) 
k-0; 
) else 
t 
j-0; 
+ 
md5Memcpy (buffer, abyte0, k, j, i-j); 


} 


(2) 在 进行 加 密 处 理 时 ,首先 要 新 建 MD5 类 ,使 其 实例 化 ,而 后 才能 调用 getMD5ofStr( ) 
方法 进行 编码 ,才能 起 到 加 密 的 作用 .也 可 进行 双重 编码 , 即 对 编码 所 得 的 再 次 进行 MD5 加 密 
编码 处 理 , 从 而 增强 安全 性 。 具 体 调用 方法 如 程序 7-28 代码 所 示 。 

【程序 7-28〗 MD5 调用 示例 

EJ Example Source Code: 


// 实 例 化 Mp5 类 


(em 
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MD5 md5- new MD5( ); 
// 调 用 getMD5ofstr( ) 方 法 进行 编码 


md5.getMD5ofStr (Pwd) 


任务 2: 验证 码 技术 

为 了 防止 恶意 访问 者 利用 机 器 人 在 网 站 上 自动 注册 、 登 录 、 灌 水 ,“ 新 闻 类 别 网 站 ”采用 
了 验证 码 技术 。 所 谓 验 证 码 ,就 是 将 一 串 随机 产生 的 数字 或 符号 ,生成 一 幅 图 片 ,图 片 里 加 
上 一 些 干扰 像素 (防止 OCR) ,由 访问 者 肉眼 识别 其 中 的 验证 码 信 息 , 输 入 表单 提交 网 站 验 
证 ,验证 成 功 后 才能 使 用 某 项 功能 。 具 体操 作 步 又 如 下 : 

(1) 在 “com. news. util” 包 中 新 建 基本 类 VerifyCode, 保 存 为 VerifyCode. java, 大 致 写 
法 如 程序 7-29 代码 所 示 。 

【程序 7-29】 基本 类 VerifyCode. java 

BE Example Source Code: 


package com.news.util; // 指 定 类 所 在 的 包 
import java.awt. * ; // 导 入 类 

import java.awt.image.* ; 

import java.util. * ; 


// 定 义 类 
public class VerifyCode ( 
static Random r- new Random( ) 7 
static String ssource- "ABCDEFGHIJKLMNOFQRSTUWXYZ"4- "abcdefghi jklmnopqrstuvwxyz' " 
0123456789"; 
static char[] src- ssource.toCharArray( ); 


// 产 生 随 机 字符 串 
private static String randString (int length) { 
char[] buf-new char [length]; 
int rnd; 
for (int i-0;i«length;i-*-*)( 
rnd=Math.abs (r.nextInt( )) $src.length; 


buf [i]- src[rnd]; 
} 
return new String (buf); 


} 


// 调 用 该 方法 ,产生 随机 字符 串 ， 

// 参 数 i: 为 字符 串 的 长 度 

public String runVerifyCode (int i)( 
String VerifyCode- randString (i); 
return VerifyCode; 

} 


// 给 定 范围 获得 随机 颜色 
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public Color getRandColor (int fc,int bc) 
{ 
Random random- new Random( ) ; 
if(fc» 255) fc-255; 
if(bc» 255) bc-255; 
int r- fc+ random.nextInt (bc- fc) ; 
int g- fc+ random.nextInt (bc- fc) ; 
int b= fct random.next Int (bc- fc) ; 
return new Color (r,g,b); 
} 
// 调 用 该 方法 将 得 到 的 验证 码 生成 图 像 
//scode: 传 递 验 证 码 w: 图 像 宽度 h: 图 像 高 度 
public BufferedImage CreateImage (String sCode) 
{ 


try{ 
// 字 符 的 字体 
Font CodeFont- new Font ("Arial Black", Font .PLAIN,14); 
int iLength- sCode.length( ); // 得 到 验证 码 长 度 
int width=18* iLength, height-20; // 图 像 宽 度 与 高 度 
int CharWidth- (int) (width- 24) /iLength; // 字 符 距 左边 宽度 
int CharHeight=167 // 字 符 距 上 边 高 度 


// 在 内 存 中 创建 图 像 
BufferedImage image- new BufferedImage (width, height, BufferedImage. TYPE_INT_ 
RGB); 


// 获取 图 形 上 下 文 
Graphics g= image.getGraphics( ); 


// 生 成 随机 类 
Random random- new Random( ); 


// 设 定 背 景色 
g.setColor (getRandColor (200, 240) ) ; 
g.fillRect(0, 0, width, height); 


// 设 定 字体 
g.setFont (CodeFont) ; 


// 夯 随机 颜色 的 边框 
g.setColor (getRandColor (10, 50) ) ; 
g.drawRect (0,0, width-1,height-1); 


// 随机 产生 155 条 干扰 线 , 使 图 像 中 的 认证 码 不 易 被 其 他 程序 探测 到 
g.setColor (getRandColor (160, 200) ) ; 
for (int i-0;i«155;it*) 
{ 
int x- random.nextInt (width); 
int y- random.nextInt (height); 
int xl- random.nextInt (12) ; 
int yl= random.nextInt (12 
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g.drawLine (x, y, x* X1, y* yl) ; 
) 
for (int i-0;i«iLength;i--) 
t 
String rand- sCode.substring (i,i-*1); 
// 将 认证 码 显 示 到 图 像 中 
g.setColor (new Color (20+ random.nextInt (60) , 20+ random. nextInt (120) ,20+ 
random.nextInt (180))); 
g.drawString (rand,CharWidth * i+ 14,CharHeight); 
) 
// 图 像 生效 
g.dispose( ); 
return image; 
}catch (Exception e) { 
//e.printStackTrace( ); 
//System.out .println(e.getMessage( )); 
} 


return null; 


) 


(2) 在 Eclipse 中 新 建 一 个 JSP 文件 ,作为 验证 码 输 出 的 JSP 页 面 ,保存 到 项 目 中 ,文件 名 
为 VerifyCode. jsp, 具 体 步 又 可 参看 5. 6 节 的 任务 2, 具 体 实 现 参照 程序 7-30 所 示 代码 。 

【程序 7-30】 VerifyCode. jsp 

I3 Example Source Code: 


«meta http-equiv- "Content-Type" content- "text/html; charset- GBK"» 
<$% (page contentType- "text/html; charset- gb2312" language- "java" 
import- "java.awt. * ,java.awt.image. * "$> 
<$% page import- "java.util. * ,javax.imageio. * ,java.io. * "$> 
<% Gpage import- "com.news.util.VerifyCode"s» 
<% ! String sVerifyCode; // 验 证 码 字 符 串 s» 
<% // 设 置 页 面 不 缓存 
response.setHeader ("Pragma", "No-cache") ; 
response.setHeader ("Cache-Control", "no-cache"); 
response.setDateHeader ("Expires", 0); 
response.reset(]); 


tryf 
// 将 认证 码 存 人 SESSION 
// 调 用 runVerifyCode int i) ,把 i 改 成 所 要 的 验证 码 位 数 
VerifyCode VC- new VerifyCode( ); 
session.setAttribute ("VerifyCode",VC.runVerifyCode (4)); 


// 输出 图 像 到 页 面 

sVerifyCode- (String)session.getAttribute ("VerifyCode"); 

OutputStream outs- response.getOutputStream( ); 

ImagelO.write (VC.CreateImage (sVerifyCode), "JPEG", outs) ; 
]catch (Exception e) { 

return; 
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} 

$$> 

任务 3: 防止 SQL 注入 技术 

SQL 注入 是 一 种 攻击 方式 ,在 这 种 攻击 方式 中 ,恶意 代码 被 插入 到 字符 串 中 ,然后 将 该 
字符 串 传 递 到 SQL Server 的 实例 以 进行 分 析 和 执行 。 任 何 构成 SQL 语句 的 过 程 都 应 进行 
注入 漏洞 检查 ,因为 SQL Server 将 执行 其 接收 到 的 所 有 语法 有 效 的 查询 。 一 个 有 经 验 的 、 
坚定 的 攻击 者 甚至 可 以 操作 参数 化 数据 。 

SQL 注入 的 主要 形式 包括 直接 将 代码 插入 到 与 SQL 命令 串联 在 一 起 并 使 其 得 以 执行 
的 用 户 输入 变量 。 一 种 间接 的 攻击 会 将 恶意 代码 注入 在 表 中 存储 或 作为 元 数据 存储 的 字符 
串 中 。 在 存储 的 字符 串 随 后 串 连 到 一 个 动态 SQL 命令 中 时 ,将 执行 该 恶意 代码 。 

注入 过 程 的 工作 方式 是 提前 终止 文本 字符 串 , 然 后 追加 一 个 新 的 命令 。 由 于 插 和 人 的 命 
令 可 能 在 执行 前 追加 其 他 字符 串 ,因此 攻击 者 将 用 注释 标记 *--” 来 终止 注入 的 字符 串 。 执 
行 时 ,此 后 的 文本 将 被 忽略 。 具 体操 作 步 骤 如 下 . 

CD 在 本 章 7. 1 节 任 务 1 中 建立 的 “com. news. util” 包 中 的 Format 类 下 新 建 
CheckReplace(String s) 方 法 ,具体 实现 参照 程序 7-31 所 示 代 码 。 

【程序 7-31】 CheckReplace 函数 

I3 Example Source Code: 


JPEE REYE PE DE ENE NEPE DEE NENE AE DE ENE PEPE DEERE AE DE ENERE AE DE EREE AE DEEE AERE PE DEEE AE EEEIEE EEEIEE EEEE AE EEEE DEERE EAE EENE AEAEE RERE AEAEE EEE EE 
* KŠA : CheckReplace 
* 作用 : 转化 SQL 特殊 字符 串 
* 参数 : s: 字符 串 型 , 待 转化 的 字符 
x 返回 值 : 转化 以 后 的 字符 串 
* 调用 : String s2- CheckReplace (s1); 
AE PE DE DEAE AE AE DE DENEA AE DE EEIE AE E EAE AE AE EEFE AE RE AE EEIE RE E EEIE PE EERE AE EEFE AERE IEE FEAE REEE AEAEE EEEIEE EEEIEE EEEE KEEK Jf. 
public String CheckReplace (String s) { 
try { 
if (s--null|| s.equals ("")) 
return ""; 
else { 
StringBuffer stringbuffer- new StringBuffer ( ); 
for (int i=0; i<s.length( ); i++) { 
char c- s.charAt (i); 
switch (c) ( 
case 34: // '"* 
stringbuffer.append ("&quot;") ; 
break; 
case 39: // 'N'" 
stringbuffer.append("&£039;") 7 
break; 
case 124: // '|' 
stringbuffer.append(""); 
break; 
case '&': 
stringbuffer.append ("&amp; ") ; 
break; 


ES 第 7 章 实现 网 站 服务 器 端的 功能 


case '«': 
stringbuffer.append("&lt;"); 
break; 
case '»': 
stringbuffer.append ("&gt;") ; 
break; 
default: 
stringbuffer.append(c); 
break; 
H 
) 
return stringbuffer.toString( ).trim(); // 返回 转化 以 后 的 字符 串 
} 
} catch (Exception e) { 
return ""; 


} 

(2) 在 “com. news. util” 包 中 Format 类 下 , 除 上 述 CheckReplace(String s) 方 法 外 ,还 
建 有 toSql(String str) 方 法 ,具体 实现 参照 程序 7-31 所 示 代 码 ,它们 都 是 用 于 过 滤 SQL 的 
特殊 字符 的 。 

关于 SQL 注入 的 防范 还 有 很 多 的 方法 ,在 此 使 用 的 只 是 诸多 方法 中 的 最 基本 的 方法 ， 
而 且 只 是 一 些 特殊 字符 的 过 滤 , 并 不 涉及 其 他 更 高 级 的 处 理 , 想 要 更 深层 次 了 解 SQL 注入 
的 防范 的 读者 可 自己 查找 相关 的 材料 。 

任务 4: 其 他 安全 性 设计 

一 个 系统 中 关于 安全 性 的 设计 是 很 多 的 ,除了 上 述 的 安全 考虑 外 ,本 系统 还 设计 了 网 站 
用 户 登 录 验 证 的 安全 考虑 。 具 体 思路 为 : 在 用 户 登录 时 形成 一 个 Session 变量 ,并 对 其 设置 
有 效 时 间 ,在 这 个 时 间 内 该 Session 变量 有 效 ,而 且 用 户 打 开 其 他 需要 验证 用 户 是 否 登 录 的 
页 面 时 ,只 需 读 取 该 Session 变量 进行 检查 就 可 以 了 。 具 体操 作 步 又 如 下 : 

A) 在 Eclipse 中 新 建 一 个 JSP 文件 ,作为 验证 码 输出 的 JSP 页 面 ,保存 到 项 目 中 ,文件 
名 为 Session. jsp, 具 体 步 又 可 参看 5.6 节 的 任务 2. 具 体 实现 参照 程序 7-32 所 示 代 码 。 

【程序 7-32】 Session. jsp 

Example Source Code: 

<%Qpage import- "com.news.* "$> 

<$ 

response .setHeader ("Pragma", "No-cache") ; 
response.setHeader ("Cache-Control", "no-cache"); 


response.setDateHeader ("Expires", 0); 
request.setCharacterEncoding ("GBK") ; 


String isLogin- (String)session.getAttribute ("Login"); 
if (üsLogin-- null || ! isLogin.equals ("Yes")) 
t 
out.println (new String ("< SCRIPT LANGUAGE- 'JavaScript'» alert(" 对 不 起 ,您 没有 登录 系统 ,请 登 
Æ ! '); location.href= 'Login.jsp' ;« /SCRIPT> ".getBytes ("1S0-8859-1"), "GBK")) 7 
$> 


ey 


L 
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(2) 在 需要 验证 的 JSP 页 面 中 ,利用 引入 Session. jsp ,就 可 以 起 到 验证 的 作用 ,具体 引 
用 参照 如 下 格式 : 


«$0 include file- "Session.jsp"g> 


7.4.3 相关 知识 拓展 


1. MD5 


MD5 ,在 20 世纪 90 年 代 初 由 MIT 的 计算 机 科学 实验 室 和 RSA Data Security inc 发 
明 , 经 MD2、MD3 和 MD4 发 展 而 来 。 

Message-Digest 泛 指 字 节 串 (Message) 的 Hash 变换 , 它 把 一 个 任意 长 度 的 字 节 串 变换 
成 一 个 128bit 的 大 整数 ,并且 它 是 一 个 不 可 逆 的 字符 串 变换 算法 ,也 就 是 说 ,即使 能 看 到 源 
程序 和 算法 描述 ,也 无 法 将 一 个 MD5 的 值 变 换 回 原始 的 字符 串 。 

MD5 的 典型 应 用 是 对 一 段 Message( 字 节 串 ) 产 生 fingerprint( 指 纹 ) ,以 防止 被 * 算 改 ”。 
例如 ,将 一 段 话 写 在 一 个 叫 readme. txt 的 文件 中 ,对 这 个 readme. txt 产生 一 个 MD5 的 值 
并 记录 在 案 , 然 后 将 这 个 文件 传播 给 他 人 , 若 他 人 修改 了 这 个 文件 中 的 任何 内 容 , 再 对 这 个 
文件 重新 计算 MD5 时 就 会 被 发 现 ;如 果 再 有 一 个 第 三 方 的 认证 机 构 , 用 MD5 还 可 以 防止 
文件 作者 的 “抵赖 ”, 这 就 是 所 谓 的 数字 签名 应 用 。 

MD5 还 广泛 应 用 于 加 密 与 解密 技术 上 ,在 很 多 操作 系统 中 ,用 户 的 密码 是 以 MD5 值 (或 
类 似 的 其 他 算法 ) 的 方式 保存 的 ,用 户 登录 的 时 候 , 系 统 把 用 户 输入 的 密码 计算 成 MD5 的 值 ， 
然后 再 和 系统 中 保存 的 MD5 值 进行 比较 ,而 系统 并 不 “知道 ”用户 的 实际 密码 是 什么 。 


2. 防御 和 检查 SQL 注入 的 手段 


(1) 使 用 参数 化 的 过 滤 性 语句 。 要 防御 SQL 注入 ,浏览 者 提交 的 信息 就 绝对 不 能 直接 
被 嵌入 到 SQL 语句 中 。 人 恰恰 相反 ,来自 浏览 器 端的 输入 必须 进行 过 滤 ,或 者 使 用 参数 化 的 
语句 。 参 数 化 的 语句 要 使 用 参数 ,而 不 是 将 输入 信息 直接 嵌入 到 SQL 语句 中 。 在 多 数 情况 
中 ,这 种 方法 可 以 修正 SQL 语句 。 下 面 是 一 个 使 用 Java 和 JDBC API 的 例子 : 


PreparedStatement prep- conn.prepareStatement ("SELECT * FROM USERS WHERE PASSWORD- ? "); 

prep.setString(1l, pwd); 

总 体 上 讲 , 有 两 种 方法 可 以 保证 应 用 程序 不 易 受 到 SQL 注入 的 攻击 ,一 是 使 用 代码 复 
查 ,二 是 强迫 使 用 参数 化 语句 。 强 迫使 用 参数 化 语句 意味 着 嵌入 输入 信息 的 SQL 语句 在 运 
行 时 将 被 拒绝 。 

(2) 避免 使 用 解释 程序 ,因为 这 正 是 黑客 们 借以 执行 非法 命令 的 手段 。 

(3) 避免 出 现 一 些 详细 的 错误 消息 ,因为 黑客 们 可 以 利用 这 些 消息 。 要 使 用 一 种 标准 
的 输入 确认 机 制 来 验证 所 有 的 输入 数据 的 长 度 、 类 型 .语句 ,企业 规则 等 。 

(4) 使 用 专业 的 漏洞 扫描 工具 。 攻 击 者 们 目前 正在 自动 搜索 攻击 目标 并 实施 攻击 ,其 
攻击 技术 甚至 可 以 轻易 地 被 应 用 于 其 他 的 Web 架构 中 的 漏洞 。 企 业 应 当 投 资 于 一 些 专业 
的 漏洞 扫描 工具 ,如 Acunetix 的 Web 漏洞 扫描 程序 等 。 漏 洞 扫描 程序 专门 查找 网 站 上 的 
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SQL 注入 式 漏 洞 。 最 新 的 漏洞 扫描 程序 可 以 查找 最 新 发 现 的 漏洞 。 

(5) 企业 要 在 Web 应 用 程序 开发 过 程 的 所 有 阶段 实施 代码 的 安全 检查 。 首 先 , 要 在 部 
署 Web 应 用 之 前 实施 安全 测试 ,这 种 措施 的 意义 比 以 前 更 大 、 更 深远 。 企 业 还 应 当 在 部 署 
之 后 用 漏洞 扫描 工具 和 站 点 监视 工具 对 网 站 进行 测试 。 


7.4.4 经 验 总 结 


Web 安全 性 测试 可 以 从 部 署 .输入 验证 .身份 验 证 ,授权 、` 配 置 管理 .敏感 数据 会话 管 
TE 加密、 参数 操作 .异常 管理 .审核 和 日 志 记录 等 几 个 方面 人 手 。 


1. SESSION 安全 问题 (关闭 页 面 时 自动 清除 SESSION) 


如 果 直 接 关 闭 浏览 器 ,不 会 直接 触发 SESION_ONEND 事件 ,因此 为 了 安全 的 需要 ,就 
应 调用 页 面 关 闭 触 发 的 事件 onUnload, 利 用 这 个 事件 来 执行 一 个 函数 。 在 函数 中 调用 
session. abandon 事件 ,真正 实现 没有 漏洞 的 SESSION 清除 。 但 如 果 只 是 单独 利用 
session. abandon, 将 导致 直接 关闭 页 面 时 SESSION 还 存在 ;如 果 只 是 利用 服务 器 自动 引发 
的 SESSION_TIMEOUT 事件 ,将 会 导致 在 设置 时 间 没 有 结束 的 一 段 时 间 内 SESSION 还 
存在 ,这 两 种 方式 都 存在 安全 漏洞 。 


2. 如 何 防止 IE 缓存 jsp 文件 
(1) 使 用 Java 提供 的 方法 


<% 

response.setHeader ("Pragma", "No-cache") ; 
response.setHeader ("Cache-Control", "no-cache"); 
response.setDateHeader ("Expires", 0); 

$> 


(2) 使 用 HTML 标记 


«HEAD» 

«META HTTP-EQUIV- "Pragma" CONTENT= "no-cache"» 

«META HTTP-EQUIV- "Cache-Control" CONTENT= "no-cache"» 

«META HTTP-EQUIV- "Expires" CONTENT- "0"> 

< /HEAD> 

许多 人 认为 数据 备份 就 只 是 数据 库 的 备份 ,其实 还 有 动态 变化 的 图 片 . 文 件 等 也 需要 
备份 。 


7.5 实 训 


根据 本 章 所 述 内 容 , 完 成 “新 闻 类 别 网 站 ”服务 器 端 功能 的 编程 任务 。 
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存 取 数据 库 , 就 是 对 数据 库 进行 添加 修改 、 删 除 和 查询 等 操作 ,是 整个 系统 的 最 底层 。 

本 章 在 第 7 童 业务 层 的 基础 上 ,依据 进行 数据 存 取 的 先后 顺序 ,从 使 用 JDBC 连接 数据 
库 , 到 操作 数据 库 的 常用 命令 ,再 通过 实现 系统 中 新 闻 的 添加 修改 、 删 除 和 查询 等 操作 的 实 
例 , 尤 其 将 管理 员 的 登录 模块 单独 拿 出 来 讲解 ,全 面 而 详细 地 讲解 了 对 数据 库 的 存 取 操 作 。 


8.1 连接 数据 库 


jp 知识 储备 

在 Java 语言 中 ,.JDBC(Java DataBase Connection) 是 应 用 程序 与 数据 库 沟通 的 桥梁 , 即 
Java 语言 通过 JDBC 技术 访问 数据 库 。JDBC 是 一 种 “开放 ”的 方案 , 它 为 数据 库 应 用 开发 
人 员 、 数 据 库 前 台 工 具 开发 人 员 提 供 了 一 种 标准 的 应 用 程序 设计 接口 ,使 开发 人 员 可 以 用 纯 
Java 语言 编写 完整 的 数据 库 应 用 程序 。JDBC 提供 两 种 API, 分 别 是 面向 开发 人 员 的 API 
和 面向 底层 的 JDBC 驱动 程序 API, 底 层 主 要 通过 直接 的 JDBC 驱动 和 JDBC 一 ODBC 桥 驱 
动 实现 与 数据 库 的 连接 。 

l. Java 应 用 程序 访问 数据 库 的 过 程 

(1) 装载 数据 库 驱 动 程序 。 

(2) 通过 JDBC 建立 数据 库 连 接 。 

(3) 访问 数据 库 , 执 行 SQL 语句 。 

(4) 断 开 数 据 库 连接 。 

JDBC 作为 一 种 数据 库 访问 技术 ,具有 简单 易 用 的 优点 。 但 使 用 这 种 模式 进行 Web 应 
用 程序 开发 ,存在 很 多 问题 : 首先 ,每 一 次 Web 请 求 都 要 建立 一 次 数据 库 连 接 。 建 立 连 接 
是 一 个 费时 的 活动 ,每 次 都 得 花费 0.05 1s 的 时 间 , 而 且 系 统 还 要 分 配 内 存 资 源 。 这 个 时 
间 对 于 一 次 或 几 次 数据 库 操作 ,或 许 感觉 不 出 系统 有 多 大 的 开销 ,可 是 对 于 现在 的 Web 应 
用 ,尤其 是 大 型 电子 商务 网 站 ,同时 有 几 百 人 甚至 几 千 人 在 线 是 很 正常 的 事 , 在 这 种 情况 下 ， 
频繁 地 进行 数据 库 连接 操作 势必 占用 很 多 的 系统 资源 ,网 站 的 响应 速度 必定 下 降 ,严重 的 甚 
至 会 造成 服务 器 的 崩溃 。 这 也 是 制约 某 些 电子 商务 网 站 发 展 的 技术 瓶颈 问题 。 其 次 ,对 于 
每 一 次 数据 库 连 接 ,使 用 完 后 都 得 断 开 ,和 否则. 如果 程 序 出 现 异 常 而 未 能 关闭 ,将 会 导致 数据 
库 系统 中 的 内 存 泄漏 ,最 终 将 不 得 不 重启 数据 库 。 再 次 ,这 种 开发 不 能 控制 被 创建 的 连接 对 
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象 数 ,系统 资源 会 被 毫 无 顾忌 地 分 配 出 去 .如 连接 过 多 ,也 可 能 导致 内 存 泄 漏 ,服务 器 崩溃 。 

2. 数据 库 连接 池 (connection pool) 的 工作 原理 

(1) 基本 概念 及 原理 

由 上 面 的 分 析 可 以 看 出 ,使 用 JDBC 技术 访问 数据 库存 在 缺陷 的 根源 在 于 对 数据 库 连 
接 资源 的 低 效 管理 。 

对 于 共享 资源 ,有 一 个 很 著名 的 设计 模式 : 资源 池 (Resource Pool) 。 该 模式 正 是 为 了 解决 
资源 的 频繁 分 配 、 释 放 所 造成 的 问题 。 为 解决 上 述 问 题 , 可 以 采用 数据 库 连 接 池 技 术 。 数 据 库 
连接 池 的 基本 思想 就 是 为 数据 库 连 接 建 立 一 个 “缓冲 池 ”。 预 先 在 缓冲 池 中 放 入 一 定数 量 的 连 
接 , 当 需要 建立 数据 库 连 接 时 ,只 需 从 “缓冲 池 ” 中 取出 一 个 ,使 用 完毕 之 后 再 放 回 去 。 可 以 通 
过 设 定 连接 池 最 大 连接 数 来 防止 系统 无 尽 地 与 数据 库 连 接 。 更 重要 的 是 可 以 通过 连接 池 的 管 
理 机 制 监视 数据 库 的 连接 数量 ,使 用 情况 ,为 系统 开发 .测试 及 性 能 调整 提供 依据 。 

(2) 服务 器 自 带 的 连接 池 

JDBC 的 API 中 没有 提供 连接 池 的 方法 。 一 些 大 型 的 Web 应 用 服务 器 如 BEA 的 
WebLogic 和 IBM 的 WebSphere 等 提供 了 连接 池 机 制 , 但 必须 使 用 其 第 三 方 的 专用 类 方法 
来 支持 连接 池 的 用 法 。 

3. 连接 池 关 键 问 题 分 析 

(1) 并 发 问题 

为 了 使 连接 管理 服务 具有 最 大 的 通用 性 ,必须 考虑 多 线程 环境 , 即 并 发 问题 。Java 语 
言 提 供 了 对 并 发 管理 的 支持 ,使 用 synchronized 关键 字 即 可 确保 线程 是 同步 的 。 使 用 方法 
是 直接 在 类 方法 前 面 加 上 synchronized 关键 字 , 如 : 


public synchronized Connection getConnection( ) 


(2) 多 数据 库 服务 器 和 多 用 户 

对 于 大 型 企业 级 应 用 ,常常 需要 同时 连接 不 同 的 数据 库 ( 如 连接 Oracle 和 Sybase) 。 如 
何 连接 不 同 的 数据 库 呢 ? 可 以 采用 的 策略 是 : 设计 一 个 符合 单 例 模式 的 连接 池 管 理 类 ,在 
连接 池 管 理 类 的 唯一 实例 被 创建 时 读 取 一 个 资源 文件 ,其 中 资源 文件 中 存放 着 多 个 数据 库 
的 url 35 &E (< poolName. url 7), .用户 名 (二 poolName. user >), %# 4 (< poolName. 
password2») 等 信息 。 如 “tx.url = 172. 21. 15. 123: 5000/tx_it, tx. user 一 yang, tx. 
password 一 yang321”。 根 据 资 源 文 件 提供 的 信息 ,创建 多 个 连接 池 类 的 实例 ,每 一 个 实例 
都 是 一 个 特定 数据 库 的 连接 池 。 连 接 池 管 理 类 实例 为 每 个 连接 池 实 例 取 一 个 名 字 , 通 过 不 
同 的 名 字 来 管理 不 同 的 连接 池 。 

对 于 同一 个 数据 库 有 多 个 用 户 使 用 不 同 的 名 称 和 密码 访问 的 情况 ,也 可 以 通过 资源 文 
件 处 理 , 在 资源 文件 中 设置 多 个 具有 相同 URL 地 址 ,但 具有 不 同 用 户 名 和 密码 的 数据 库 连 
接 信息 。 

4. 事务 处 理 

事务 具有 原子 性 ,要 求 对 数据 库 的 操作 符合 “ALL 一 ALL 一 NOTHING” 原 则 , 即 对 于 
一 组 SQL 语句 要 么 全 部 执行 ,要 么 全 部 不 执行 。 

在 Java 语言 中 ,Connection 类 本 身 提供 了 对 事务 的 支持 ,可 以 通过 设置 Connection 的 
AutoCommit 属性 为 false, 然 后 显 式 的 调用 commit 或 rollback 方法 来 实现 。 但 要 高 效 地 进 


e 
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行 Connection 复 用 ,就 必须 提供 相应 的 事务 支持 机 制 。 可 采用 每 一 个 事务 独占 一 个 连接 来 
实现 ,这 种 方法 可 以 大 大 降低 事务 管理 的 复杂 性 。 

5. 连接 池 的 分 配 与 释放 

连接 池 的 分 配 与 释放 对 系统 的 性 能 有 很 大 的 影响 。 合 理 的 分 配 与 释放 ,可 以 提高 连接 
的 复 用 度 , 从 而 降低 建立 新 连接 的 开销 ,同时 还 可 以 加 快 用 户 的 访问 速度 。 

对 于 连接 的 管理 可 使 用 空闲 池 , 即 把 已 经 创建 但 尚未 分 配 出 去 的 连接 按 创建 时 间 存 放 
到 一 个 空闲 池 中 。 每 当 访问 者 请 求 一 个 连接 时 ,系统 首先 检查 空闲 池内 有 没有 空闲 连接 。 
如 果 有 就 把 建立 时 间 最 长 (通过 容器 的 顺序 存放 实现 ) 的 那个 连接 分 配给 他 (实际 是 先 做 连 
接 是 否 有 效 的 判断 ,如 果 可 用 就 分 配给 访问 者 ,如 不 可 用 就 把 这 个 连接 从 空闲 池 删 掉 , 重 新 
检测 空闲 池 是 否 还 有 连接 ); 如 果 没有 , 则 检查 当前 所 开 连 接 池 是 否 达到 连接 池 所 允许 的 最 
大 连接 数 (maxConn) ,如果 没 有 达到 ,就 新 建 一 个 连接 ,如 果 已 经 达到 ,就 等 待 一 定 的 时 间 
(timeout) 。 如 果 在 等 待 的 时 间 内 有 连接 被 释放 出 来 ,就 可 以 把 这 个 连接 分 配给 等 待 的 用 
户 ;如 果 等 待 时 间 超 过 预定 时 间 timeout, 则 返回 空 值 Cnull) 。 系 统 对 已 经 分 配 出 去 且 正在 
使 用 的 连接 只 进行 计数 , 当 使 用 完 后 再 返还 给 空闲 池 。 对 于 空闲 连接 的 状态 ,可 开辟 专门 的 
线程 定时 检测 ,这样 会 花费 一 定 的 系统 开销 ,但 可 以 保证 较 快 的 响应 速度 。 也 可 采取 不 开辟 
专门 线程 ,只 是 在 分 配 前 检测 的 方法 。 

6. 连接 池 的 配置 与 维护 

(1) 连接 池 中 的 连接 数 配 置 

系统 可 以 设置 最 小 连接 数 (minConn) 和 最 大 连接 数 (maxConn) 来 控制 连接 池 中 的 连 
接 。 最 小 连接 数 是 系统 启动 时 连接 池 所 创建 的 连接 数 。 如 果 创 建 过 多 , 则 系统 启动 就 慢 ,但 
创建 后 系统 的 响应 速度 会 很 快 ;如 果 创 建 过 少 , 则 系统 启动 的 很 快 ,响应 起 来 却 慢 。 这 样 ,可 
以 在 开发 时 ,设置 较 小 的 最 小 连接 数 ,开发 起 来 会 快 ,而 在 系统 实际 使 用 时 设置 较 大 的 ,访问 
速度 会 快 些 。 最 大 连接 数 是 连接 池 中 允许 连接 的 最 大 数目 ,具体 设置 多 少 ,要 看 系统 的 访问 
量 ,可 通过 反复 测试 ,找到 最 佳 点 。 

(2) 确保 连接 池 中 的 最 小 连接 数 策略 

可 以 采用 动态 和 静态 两 种 策略 。 动 态 即 每 隔 一 定时 间 就 对 连接 池 进 行 检测 ,如 果 发 现 
连接 数量 小 于 最 小 连接 数 , 则 补充 相应 数量 的 新 连接 ,以 保证 连接 池 的 正常 运转 。 静 态 是 发 
现 空 闲 连 接 不 够 时 再 去 检查 。 

7.“ 新 闻 类 别 网 站 ?采用 的 数据 操作 组 件 

应 用 程序 访问 数据 库 通过 自 定 义 的 数据 访问 类 (DBConnect) 来 实现 ,数据 库 访 问 类 通 
过 自 定 义 的 数据 库 连 接 池 类 (DBConnectionManager) 来 实现 数据 访问 。 通 过 设置 \WEB 一 
INF\classes\ 目 录 下 的 db. properties 配置 文件 中 的 数据 库 配 置 部 分 ,配置 数据 库 连 接 。 

这 种 模式 中 ,调用 者 进行 数据 操作 的 时 序 如 图 8-1 所 示 。 

各 类 之 间 的 相互 调用 和 协作 如 图 8-2 所 示 。 

说 明 : 

(1) 创建 DBConnectC ) 对象。 

(2) 用 getInstance( ) 方 法 创建 连接 实例 。 

(3) 用 createPools( ) 方 法 创建 连接 池 实例 。 

(4) 用 loadDrivers( ) 方 法 装载 和 注册 所 有 JDBC 驱动 程序 。 


第 8 章 存 取 数 据 库 


DBConnect.java /db.properties 


1: 创建 连接 对 象 


DBConnectManager.java 


2: 创建 实例 3: 取 连 接 参 数 
4: 装载 和 注册 所 
有 JDBC 驱 动 程序 | 


[..]5: 根据 指定 属性 
6: 取得 连接 对 象 创建 连接 池 实 例 


7: 预 设 SQL 语句 


行 SQL 语句 返回 字段 集 


图 8-1 时 序 图 


执行 SQL 语 名 返回 字段 集 
7: 预 设 SQL 语 句 

š VeHEXT 4 

1: 创建 连 接 对 象 9: 关闭 连接 


—- a 
DBConnect.java 


6: 取得 连接 对 象 | 2: 创建 实例 


5: 根据 指定 属性 
名 popenie 创建 连接 池 实 例 


a 装载 和 注册 所 有 JDBC 和 有 


A 
3: 取 连 接 参 数 


DBConnectManar.java 


图 8-2 协作 图 


(5) 根据 指定 属性 创建 连接 池 实 例 。 

(6) 用 getConnection( ) 方 法 取得 一 个 连接 对 象 。 
(7) 用 PreparedStatement( ) 方 法 预 设 SQL 语句 。 
(8) 用 executeQuery( ) 执 行 SQL 语句 。 

(9) 用 close( ) 方 法 关闭 连接 。 


8.1.1 任务 描述 


利用 Eclipse 实现 “新 闻 类 别 网 站 ”的 数据 库 封装 模块 。 
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8.1.2 任务 实现 


本 系统 通过 一 个 类 DBConnectionManager 来 创建 和 维护 一 个 大 的 连接 池 ,在 系统 启动 
Tomcat 时 初始 化 该 连接 池 。 当 程序 需要 连接 数据 库 时 ,使 用 类 DBConnect 从 该 连接 池 中 
取出 其 中 的 一 个 空闲 连接 , 当 使 用 完毕 时 再 将 该 连接 归还 给 系统 连接 池 。 

在 此 构建 了 一 个 对 数据 操作 的 层 ,在 这 种 分 层 体系 结构 中 ,该 层 是 与 数据 库 打交道 的 逻 
辑 层 。 在 数据 库 中 对 数据 的 增加 、 删 除 , 修 改 和 查找 操作 由 该 逻辑 层 来 处 理 。 初 学 者 经 常 在 
ASP 或 JSP 的 页 面 代码 中 混杂 了 很 多 连接 数据 库 、 操 作 数据 库 的 语句 ,这 实际 上 是 把 操作 
数据 的 逻辑 层 和 表现 层 耦 合 到 了 一 起 ,使 代码 的 编写 和 维护 都 很 困难 ,程序 结构 非常 不 清 
上 晰 。 对 于 大 型 应 用 ,更 要 重视 这 个 问题 。 采 用 对 系统 结构 分 层 的 办 法 ,是 解决 这 种 耦合 问题 
的 前 提 保 障 。 具 体 分 两 个 任务 来 实现 。 

任务 1 连接 池 管 理 类 DBConnectionManager 的 实现 
任务 2 连接 管理 类 DBConnect 的 实现 

任务 1: 连接 池 管 理 类 DBConnectionManager 的 实现 

DBConnectionManager 类 是 对 某 一 数据 库 所 有 连接 的 “缓冲 池 ”, 主 要 实现 以 下 功能 : 
@ 从 连接 池 获 取 或 创建 可 用 连接 ; 加 使 用 完毕 之 后 ,把 连接 返还 给 连接 池 ; @ 在 系统 关闭 
前 , 断 开 所 有 连接 并 释放 连接 占用 的 系统 资源 ; 田 能 够 处 理 无 效 连接 (原来 登记 为 可 用 的 连 
接 , 由 于 某 种 原因 不 再 可 用 ,如 超时 .通信 问题 ) ,并 能 够 限制 连接 池 中 的 连接 总 数 不 低 于 某 
个 预定 值 和 不 超过 某 个 预定 值 。 有 具体 分 四 个 子 任务 来 实现 。 

子 任务 1. 1 构建 包 结构 

子 任务 1.2 建立 所 需 类 的 基本 结构 

子 任务 1.3 完善 所 需 类 的 基本 结构 

子 任务 1.4 建立 配置 文件 db. properties 

子 任务 1.1: 构建 包 结 构 

在 Eclipse 中 新 建 com. news. database 包 结 构 ,详细 操作 步骤 参见 第 7 章 7. 1 节 中 任务 
实现 的 任务 1。 

子 任务 1.2: 建立 所 需 类 的 基本 结构 

在 上 步 建 立 的 com. news. database 包 中 新 建 类 DBConnectionManager. 保存 为 
DBConnectionManager. java, 大 致 写法 如 程序 8-1 所 示 的 代码 。 

【程序 8-1】 基本 类 DBConnectionManager 的 结构 

I3 Example Source Code: 


package com.news.database; 


import java.io. * ; 
import java.sql. * ; 
import java.util.* ; 
import java.util.Date; 


public class DBConnectionManager { 
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Static private DBConnectionManager instance; // 唯 一 实例 


static private int clients; 


private Vector drivers- new Vector ( ); 
private PrintWriter log; 
private Hashtable pools-new Hashtable( ); 


static synchronized public DBConnectionManager getInstance() {} 
private DBConnectionManager( ) {} 

public void freeConnection (String name, Connection con) (] 
public Connection getConnection (String name) {} 

public Connection getConnection (String name. long time) {} 
public synchronized void release( ) {} 

private void createPools (Properties props) {} 

private void init( ) () 

private void loadDrivers (Properties props) {} 

private void log(String msg) {} 

private void log(Throwable e. String msg) {} 


) 


子 任务 1.3. 完善 所 需 类 的 基本 结构 

具体 操作 步骤 如 下 : 

(1) 程序 8-2 用 来 读 取 数 据 库 的 配置 文件 db. properties ,将 该 配置 文件 中 的 参数 保存 ， 
并 调用 程序 8-3 和 程序 8-4 中 的 函数 来 初始 化 连接 池 。 它 是 创建 连接 池 的 入 口 。 首 先 建立 
读 取 该 配置 文件 的 连接 ,通过 类 Properties 来 加 载 各 项 配置 参数 , 青 打开 日 志文 件 写 创建 日 
志 , 最 后 分 别 加 载 数据 库 驱 动 程序 ,创建 连接 池 。 

【程序 8-2】 创建 连接 池 入 口 

Example Source Code: 


/¥ 
* 读 取 属 性 完成 初始 化 
*/ 
private void init( ) ( 
InputStream is= getClass ( ).getResourceAsStream("/db.properties"); 
Properties dbProps- new Properties ( ); 
try { 
dbProps.load(is); 
H 
catch (Exception e) ( 
System.err.println(" 不 能 读 取 属 性 文件 . "+ "确保 db. properties 在 CLASSPATH 指定 的 路 
f$"; 
return; 
$ 
String logFile- dbProps .getProperty ("logfile", "DBConnectionManager.10g"); 
try { 
log-new PrintWriter (new FileWriter(logFile,true), true); 
H 
catch (IOException e) { 
System.err.println (" 无 法 打开 日 志文 件 : "+ logFile); 
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log-new PrintWriter (System.err); 
} 
loadDrivers (dbProps); 
createPools (dbProps); 
) 


(2) 程序 8-3 用 来 根据 读 取 的 数据 库 驱 动 配置 字符 串 drivers ,动态 加 载 数据 库 驱动 的 


程序 。 首 先 通过 Class. forNameC ) 来 动态 加 载 ,再 使 用 Drivermanager 数据 库 驱 动 管理 器 
来 注册 该 驱动 类 。 


【程序 8-31 加 载 数 据 库 驱动 
BE Example Source Code: 


/** 
* 装载 和 注册 所 有 JDBC 驱动 程序 
* Gparam props 属性 
x 
private void loadDrivers (Properties props) { 
String driverClasses- props.getProperty ("drivers"); 
StringTokenizer st- new StringTokenizer (driverClasses); 
while (st.hasMoreElements( )) ( 
String driverClassName- st.nextToken( ) .trim( ); 
try { 
Driver driver= (Driver) 
Class.forName (driverClassName) .newInstance( ); 
DriverManager.registerDriver (driver); 
drivers.addElement (driver); 


log ("成 功 注册 JDBC 驱动 程序 "+ driverClassName) ; 
) 


catch (Exception e) { 


log ("无 法 注册 JDBC 驱动 程序 : "+ driverclassName+ ". fix: "+e); 
) 
) 
) 


G) 程序 8-4 用 来 创建 数据 库 连 接 的 。 首 先 根据 配 置 的 数据 库 连 接 字 符 串 数据 库 名 、 
用 户 名 、 密 码 取得 数据 库 的 连接 ,如 果 该 连接 成 功 , 则 放 入 连接 池 变 量 pools 中 。 在 创建 连 
接 的 过 程 中 ,需要 判断 参数 maxconn( 连 接 池 的 创建 数量 ) , 当 到 达 该 数量 时 ,表示 连接 池 初 
始 化 完毕 。 

【程序 8-4】 创建 连接 池 实 例 

EJ Example Source Code: 


/¥ 
* 根 据 指定 属性 创建 连接 池 实 例 
* @param props 连接 池 属 性 
*/ 

private void createPools (Properties props) { 
Enumeration propNames=props.propertyNames ( ); 
while (propNames.hasMoreElements( )) { 
String name= (String) propNames.nextElement ( ); 
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if (name.endsWith(".url")) { 
String poolName- name.substring (0, name.lastIndexOf (".")); 
String url- props.getProperty (poolName- ".url"); 
if (url--null) ( 
1og(" 没 有 为 连接 池 "+poolName+ "指定 URL"); 
continue; 
H 
String user-props.getProperty (poolName+ ".user"); 
String password- props.getProperty (poolName+ ".password"); 
String maxconn- props .getProperty (poolName-* ".maxconn", "0"); 
int max; 
try { 
max- Integer.valueOf (maxconn) .intValue( ); 
$ 
catch (NumberFormatException e) { 
log ("错误 的 最 大 连接 数 限制 : "+maxconn+" .连接 池 : "+poolName); 
max= 07 
} 
DBConnectionPool pool= 
new DBConnectionPool (poolName, url, user, password, max); 
pools .put (poolName, pool); 
log ("成 功 创建 连接 池 "+poolName); 
} 
} 
} 


(4) 程序 8-5 用 来 从 连接 池 对 象 pools 中 取得 一 个 数据 库 连 接 。 用 户 编写 程序 中 ,如 果 
需要 取得 数据 库 的 连接 ,只 需 调用 该 函数 。 

【程序 8-5】 获得 一 个 可 用 的 (空闲 的 ) 连 接 

EJ Example Source Code: 


/[** 
* 获得 一 个 可 用 的 空闲 的 ) 连 接 。 如 果 没 有 可 用 连接 , 且 已 有 连接 数 小 于 最 大 连接 数 限制 , 则 创建 
并 返回 新 连接 


* @param name 在 属性 文件 中 定义 的 连接 池 名 字 
* (return Connection 可 用 连接 或 null 
*/ 
public Connection getConnection (String name) { 
DBConnectionPool pool- (DBConnectionPool) pools.get (name); 
if (pool !-null) ( 
return pool.getConnection( ); 
} 


return null; 
} 


(5) 程序 8-6 用 来 释放 一 个 连接 到 数据 库 的 连接 池 pools 中 。 在 访问 网 站 时 ,如 果 使 用 
完 某 一 个 连接 ,就 需要 调用 该 函数 将 连接 归还 到 连接 池 。 
a 注意 
此 项 工作 是 必须 的 ,因为 数据 库 的 连接 有 限 .而 且 为 了 提高 资源 的 利用 率 ,不 能 使 资 
源 闲 置 ,否则 ,久而久之 系统 会 被 空闲 的 \ 无 法 回收 的 连接 耗 尽 内 存 。 
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【程序 8-6】 释放 一 个 连接 
Qj Example Source Code: 


[*x 
* 将 连接 对 象 返回 给 由 名 字 指 定 的 连接 池 
* @param nane 在 属性 文件 中 定义 的 连接 池 名 字 
x @param con 连接 对 象 
*/ 
public void freeConnection (String name, Connection con) { 
DBConnectionPool pool= (DBConnectionPool) pools.get (name); 
if (pool !=null) { 
pool.freeConnection (con) ; 
} 
} 
子 任务 1.4: 建立 配置 文件 db. properties 
“新 闻 类 别 系统 ”用 连接 池 来 配置 数据 库 连 接 ,数据 库 生 成 后 要 与 网 页 建立 动态 连接 ,就 
要 配置 文件 db. properties ,配置 语句 如 程序 8-7 代码 所 示 。 
【程序 8-7】 配置 文件 db. properties 
I3 Example Source Code: 
drivers- com.microsoft.sqlserver.jdbc.SQLServerDriver 
logfile-C:WMlogN.txt 


mysql.url-jdbc: sqlserver://NET-DB:1433;DatabaseName- News 

mysql .maxconn= 1000 

mysql .user= Sa 

mysql.password- 123456 

Drivers 变量 用 来 指定 数据 库 的 驱动 程序 为 com. Microsoft. sqlserver. SQL ServerDriver. i 
参数 是 SQL server 2005 的 特定 参数 。 如 果 使 用 该 数据 库 , 则 不 能 修改 ;如 果 要 改 用 其 他 数据 
库 , 则 需要 在 此 做 相应 修改 。 

A) logfile 表示 系统 的 日 志文 件 为 C:\\log. txt。 

(2) url 表示 连接 数据 库 的 连接 字符 串 , 该 字符 串 是 固定 格式 的 ,其 中 的 参数 
DatabaseName 为 新 建 的 数据 库 名 .可 以 根据 实际 情况 进行 修改 。 

(3) maxconn 为 连接 池 的 最 大 数量 ,数值 应 该 大 于 0 才能 使 系统 使 用 。 

(4) user 为 连接 数据 的 用 户 名 ,password 为 连接 数据 库 的 密码 ,这 两 项 都 可 以 根据 需 
要 来 进行 修改 。 

在 默认 的 根 包 中 新 建 db. properties 文件 ,将 程序 8-7 所 示 的 代码 输入 后 保存 。 此 处 要 
注意 db. properties 文件 在 包 中 的 位 置 必须 与 init( ) 中 读 取 的 位 置 相对 应 。 

任务 2: 连接 管理 类 DBConnect 的 实现 

DBConnect 类 主要 承担 对 数据 库 中 记录 的 具体 访问 操作 :如 : 执行 SQL 语句 、 设 置 字 
段 的 值 等 。DBConnect 类 的 实现 具体 分 两 个 子 任务 来 实现 。 


子 任务 2.1 建立 所 需 类 的 基本 结构 


子 任务 2.2 完善 所 需 类 的 基本 结构 
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子 任务 2.1: 建立 所 需 类 的 基本 结构 

在 8. 1 节 中 建立 的 com. news. database 包 中 新 建 类 DBConnect. f£ f£ 2j DBConnect. 
java, 大 致 写法 如 程序 8-8 代码 所 示 。 

【程序 8-8] 基本 类 DBConnect 的 结构 

I3 Example Source Code: 


package com.news.database; 


import java.io.PrintWriter; 
import java.sql.* ; 


public class DBConnect ( 
private Connection conn- null; 
private Statement stmt- null; 
private ResultSet rs-null; 
private PreparedStatement prepstmt- null; 
private DBConnectionManager dcm- null; 
void init( ) () 
public DBConnect( ) throws Exception {} 
public DBConnect (int resultSetType,int resultSetConcurrency)throws Exception {} 
public DBConnect (String sql) throws Exception (] 
public DBConnect (String sql, int resultSetType, int resultSetConcurrency) throws 
Exception () 
public Connection getConnection( ) {} 
public void prepareStatement (String sql) throws SQLException {} 
public void prepareStatement (String sql, int resultSetType,int resultSetConcurrency) 
throws SQLException {} 
public void setString(int index, String value) throws SQLException () 
public void setInt (int index, int value) throws SQLException {} 
public void setBoolean (int index, boolean value) throws SQLException {} 
public void setDate (int index,Date value) throws SQLException () 
public void setLong (int index,long value) throws SQLException {} 
public void setFloat (int index,float value) throws SQLException {} 
public void setBytes (int index,byte[] value) throws SQLException {} 
public void clearParameters( ) throws SQLException {} 
public PreparedStatement getPreparedStatement( ) {} 
public Statement getStatement( ) {} 
public ResultSet executeQuery (String sql) throws SQLException {} 
public ResultSet executeQuery( ) throws SQLException {} 
public void executeUpdate (String sql) throws SQLException (] 
public void executeUpdate( ) throws SQLException {} 
public void close( ) throws Exception {} 
} 


子 任务 2.2: 完善 所 需 类 的 基本 结构 
具体 操作 步骤 如 下 : 
(1) 在 DBConnect 类 的 init( ) 方 法 中 添加 如 程序 8-9 所 示 的 代码 ,借助 连接 池 初 始 化 


或 实例 化 一 个 与 数据 库 的 连接 。 
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【程序 8-9】 init( ) 方 法 
QJ Example Source Code: 


void init() ( 
dcm- DBConnectionManager.getInstance ( ); 
conn- dcm.getConnection ("mysql"); 

t 


(2) Æ DBConnect 类 的 DBConnect( ) 方 法 中 添加 如 程序 8-10 所 示 的 代码 , 即 完 
DBConnect 类 的 构造 函数 。 

【程序 8-10〗 基本 构造 函数 

I3 Example Source Code: 


/# 

* 构造 数据 库 的 连接 和 访问 类 

*/ 

public DBConnect( ) throws Exception ( 
init( ); 
stmt- conn.createStatement ( ); 

} 

public DBConnect (int resultSetType, int resultSetConcurrency)throws Exception { 
init(); 
stmt- conn.createStatement (resultSetType, resultSetConcurrency); 

) 

/ ** 

* 构造 数据 库 的 连接 和 访问 类 预 编译 SQL 语句 

* (param sqi SQL 语句 

*/ 

public DBConnect (String sql) throws Exception ( 
init( ); 
this.prepareStatement (sql); 

) 

public DBConnect (String sql,int resultSetType,int resultSetConcurrency)throws Exception { 
init(); 
this.prepareStatement (sql, resultSetType, resultSetConcurrency); 

} 


(3) 在 DBConnect 类 的 getConnection( ) 方 法 中 添加 如 程序 8-11 所 示 的 代码 ,用 于 获 
取 一 个 可 用 的 连接 。 

【程序 8-11】 getConnection( ) 方 法 

I3 Example Source Code: 


[** 

* 返 回 连接 

* @return Connection 连接 

*/ 
public Connection getConnection( ) { 
return conn; 
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(4) 在 DBConnect 类 中 完善 用 于 预 设 SQL 语句 的 prepareStatement(String sql) 方 法 
和 prepareStatement(String sql,int resultSetType,int resultSetConcurrency) 方 法 ,具体 如 
程序 8-12 代码 所 示 。 


【程序 8-12】 prepareStatement(String sql) 方法 
Example Source Code: 


/** 
* PreparedStatement 
* Qreturn sql Hiit SQL 语句 
*/ 
public void prepareStatement (String sql) throws SQLException ( 
prepstmt- conn.prepareStatement (sql) ; 
} 
public void prepareStatement (String sql, int resultSetType, int resultSetConcurrency) throws 
SQLException { 
prepstmt- conn.prepareStatement (sql, resultSetType, resultSetConcurrency); 
} 


(5) 在 DBConnect 类 中 完善 用 于 设置 各 种 类 型 值 的 setString(int index, String value), 
setInt(int index,int value) , setBoolean(int index. boolean value) setDate(int index, Date 
value) ,setLong(int index.long value) .setFloat(int index, float value) , setBytesCint index. 
byte[ ] value) 和 clearParametersC ) 等 方法 ,具体 的 代码 如 程序 8-13 所 示 。 

【程序 8-13】 设置 对 应 值 函 数 

EJ Example Source Code: 


/x 

* 设 置 对 应 值 

* @param index 参数 索引 
* @param value 对 应 值 
*/ 


public void setString (int index, String value) throws SQLException { 
prepstmt.setString (index, value); 


public void setInt (int index,int value) throws SQLException { 
prepstmt.setInt (index, value); 


public void setBoolean (int index,boolean value) throws SQLException ( 
prepstmt.setBoolean (index, value); 


public void setDate (int index,Date value) throws SQLException ( 
prepstmt.setDate (index, value); 


public void setLong (int index, long value) throws SQLException ( 
prepstmt.setLong (index, value); 

} 

public void setFloat (int index, float value) throws SQLException { 
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prepstmt.setFloat (index, value); 

} 

public void setBytes (int index,byte[] value) throws SQLException { 
prepstmt.setBytes (index, value); 

} 

public void clearParameters( ) throws SQLException ( 
prepstmt.clearParameters( ); 
prepstmt- null; 

H 


(6) 在 DBConnect 类 中 完善 用 于 返回 预 设 状态 的 getPreparedStatementC ) 方 法 ,具体 
代码 如 程序 8-14 所 示 。 

【程序 8-14] getPreparedStatement( ) 方 法 

I3 Example Source Code: 

/x 

* 返回 预 设 状态 

*/ 

public PreparedStatement getPreparedStatement ( ) ( 


return prepstmt; 


) 


CT) 在 DBConnect 类 中 完善 用 于 返回 状态 的 getStatementC ) 方 法 ,具体 如 程序 8-15 代 
码 所 示 。 

【程序 8-15】 getStatement( ) 方 法 

I3 Example Source Code: 


/** 

* 返回 状态 

* @return Statement 状态 

*/ 

public Statement getStatement( ) { 
return stmt; 


) 


(8) 在 DBConnect 类 中 完善 用 于 执行 SQL 语句 的 executeQuery (String sql) 方 法 ,有 具 
体 如 程序 8-16 代码 所 示 。 

【程序 8-16] executeQuery(String sql) 方 法 

大 Example Source Code: 


/** 

* 执行 SQL 语句 返回 字段 集 

* @param sql SQL 语句 
* (return ResultSet FRÆ 
*q 


public ResultSet executeQuery (String sql) throws SQLException { 
if (stmt ! - null) ( 
return stmt.executeQuery (sql); 
] else 
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return null; 


} 
public ResultSet executeQuery( ) throws SQLException { 
if (prepstmt ! -null) ( 


return prepstmt.executeQuery( ); 
} else 
return null; 


} 


(9) 在 DBConnect 类 完善 执行 更 新 SQL 语句 的 executeUpdate(String sql) 方 法 ,具体 
如 程序 8-17 代码 所 示 。 

【程序 8-17】 executeUpdate(String sql) 方 法 

I3 Example Source Code: 


/** 
* 执行 SQL 语句 
* @param sql SQL 语句 
*/ 
public void executeUpdate (String sql) throws SQLException { 
if (stmt ! -null) 
stmt.executeUpdate (sql); 
) 
public void executeUpdate( ) throws SQLException { 
if (prepstmt !-null) 
prepstmt.executeUpdate ( ) ; 
) 


(10) 在 DBConnect 类 中 完善 关闭 连接 的 closeC ) 方 法 ,具体 如 程序 8-18 代码 所 示 。 
【程序 8-18】 closeC ) 方 法 
I3 Example Source Code: 


/** 
* 关闭 连接 
*/ 
public void close( ) throws Exception { 
if (stmt !-null) { 
stmt.close(); 
stmt-null; 
) 
if (prepstmt !-null) ( 
prepstmt.close(); 
prepstmt- null; 
} 
if (conn !-null) { 


dcm.freeConnection ("mysql". conn); 
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8.1.3 相关 知识 拓展 


数据 库 连 接 池 技术 的 优势 有 以 下 几 种 。 
1. 资源 重用 


由 于 数据 库 连接 得 到 重用 ,避免 了 频繁 创建 .释放 连 接 引起 的 大 量 性 能 开销 。 在 减少 系 
统 消耗 的 基础 上 , 另 一 方面 也 增进 了 系统 运行 环境 的 平稳 性 (减少 内 存 碎 片 以 及 数据 库 临 时 
进程 /线程 的 数量 ) 。 


2. 更 快 的 系统 响应 速度 


数据 库 连接 池 在 初始 化 过 程 中 ,往往 已 经 创建 了 若干 数据 库 连接 置 于 池 中 备用 。 此 时 
连接 的 初始 化 工作 均 已 完成 。 对 于 业务 请 求 处 理 而 言 ,直接 利用 现 有 的 可 用 连接 ,避免 了 数 
据 库 连接 初始 化 和 释放 过 程 的 时 间 开 销 , 从 而 缩减 了 系统 整体 响应 时 间 。 


3. 新 的 资源 分 配 手段 


对 于 多 应 用 共享 同一 数据 库 的 系统 而 言 , 可 在 应 用 层 通过 数据 库 连 接 的 配置 ,实现 数据 
库 连 接 池 技术 。 通 过 设置 某 一 应 用 最 大 可 用 数据 库 连 接 数 的 限制 ,可 避免 某 一 应 用 独占 所 
有 数据 库 资源 。 


4. 统一 的 连接 管理 ,避免 数据 库 连接 泄漏 


在 较为 完备 的 数据 库 连 接 池 实现 中 ,可 根据 预先 的 连接 占用 超时 设 定 ,强制 收回 被 占用 
的 连接 ,从 而 避免 了 常规 数据 库 连 接 操作 中 可 能 出 现 的 资源 泄漏 。 


8.1.4 经 验 总 结 


如 果 是 简单 的 数据 库 应 用 ,由 于 对 数据 库 的 访问 不 是 很 频繁 ,可 以 简单 地 在 需要 访问 数 
据 库 时 ,新 创建 一 个 连接 ,用 完 后 就 关闭 它 . 这 种 方式 不 会 带 来 明显 的 性 能 开销 。 但 对 于 复 
杂 的 数据 库 应 用 ,频繁 的 建立 、 关 闭 连接 ,会 极 大 地 降低 系统 的 性 能 ,因此 连接 的 使 用 成 了 影 
响 系统 性 能 的 瓶颈 。 后 者 的 解决 方法 是 采用 连接 复 用 。 通 过 建立 一 个 数据 库 连 接 池 以 及 一 
套 连 接 使 用 管理 策略 ,使 一 个 数据 库 连 接 得 到 高 效 、 安 全 的 复 用 ,避免 了 数据 库 连 接 频繁 建 
立 .关闭 的 开销 。 

数据 库 连 接 池 的 基本 原理 是 在 内 部 对 象 池 中 维护 一 定数 量 的 数据 库 连 接 , 仅 对 外 暴露 
数据 库 连 接 获取 和 返回 方法 。 如 : 外 部 使 用 者 可 通过 getConnection 方法 获取 连接 ,使 用 完 
毕 后 再 通过 releaseConnection 方法 将 连接 返回 ,注意 此 时 连接 并 没有 关闭 ,而 是 由 连接 池 
管理 器 回收 ,并 为 下 一 次 使 用 做 好 准备 。 
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8.2 操作 数据 的 常用 命令 


dp 知识 储备 


SQL 是 结构 化 查询 语言 (Structured Query Language) 的 缩写 , 它 包 括 定 义 、 操 纵 和 控 
制 三 个 部 分 ,是 一 种 功能 齐全 的 数据 库 语言 。 
数据 定义 是 指 对 关系 模式 (关系 即 表 ) 的 定义 。 数 据 操纵 是 指 对 关系 中 的 具体 数据 进行 
增 、 删 \. 改 、 查 等 操作 。 数 据 控制 是 指 对 数据 访问 权限 的 授予 或 撤销 。 
SQL 具有 语言 简洁 方便 实用 、 功 能 齐全 等 优点 。 各 种 数据 库 管 理 系统 都 支持 SQL 或 
提供 SQL 接口 。 
1. SELECT 查询 命令 
MS SQL Server 2005 的 数据 库 使 用 T-SQL 语言 ,其 基本 的 查询 语句 是 SELECT 语 
A, CR T-SQL 语言 中 最 基本 也 是 最 重要 的 语句 ,也 是 使 用 最 频繁 的 查询 语句 。 
SELECT 语 身 的 功能 十 分 强大 , 既 可 以 实现 对 单 表 的 数据 查询 ,也 可 以 完成 复杂 的 多 
A .视图 连接 查询 、 嵌 套 查 询 等 。 
SELECT 语 身 的 功能 很 强大 ,语法 也 很 复杂 ,其 基本 语法 结构 如 下 : 
SELECT < 选择 列表 > 
[INTO < 新 表 >] 
[FROM < 源 表 >] 
[WHERE < 搜索 条 件 >] 
[GROUP BY < 分 组 列表 >] 
[HAVING < 组 搜索 表达 式 >] 
[ORDER BY < 排序 表达 式 > [asc1DESC]] 
。 二 选择 列表 二 ; 此 语句 用 来 设置 输出 到 查询 结果 集中 的 列 。 
* [INTO —3t& — ]: 此 语句 用 来 将 查询 结果 集 输入 到 一 个 新 表 中 。 
FROM <HR>]: 此 语句 用 来 指定 查询 的 源 表 。 
* [WHERE 到 搜索 条 件 二 ]: 此 语句 用 来 指定 搜索 条 件 , 只 有 符合 搜索 条 件 的 记录 才 
会 出 现在 结果 集中 。 
* [GROUP BY 到 分 组 列表 二 ]: 此 语句 用 来 指定 将 查询 结果 进行 分 组 的 条 件 。 
。 [HAVING 去 组 搜索 表达 式 二 ]: 此 语句 在 GROUP BY 的 基础 之 上 指定 筛选 条 件 。 
常 与 GROUP BY 搭配 使 用 。 
* [ORDER BY 去 排序 表达 式 二 [ASC|DESC]]: 此 语句 用 来 指定 结果 集中 记录 排序 
的 方式 。 
2. INSERT 插入 命令 
数据 库 中 的 表 建 好 之 后 ,可 以 使 用 INSERT 语句 向 表 中 添加 记录 。 添 加 的 数据 必须 符 
合 对 应 表 中 相应 列 的 数据 类 型 约束 等 ， pt ene 
使 用 INSERT 语句 可 以 向 已 建 好 的 表 中 每 次 添加 一 条 记录 。 该 语句 的 基本 语法 格式 如 下 : 


. 
|r3r 


INSERT [INTO] < 目标 表 名 >[( 列 名 列表 )] VALUES. (< 值 列表 >) 


a. 
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。 目标 表 名 : 此 语句 用 来 指定 接受 数据 的 表 名 。 

。 列 名 列表 : 此 语句 用 来 指定 欲 插 入 数据 的 各 个 列 。 这 些 列 必须 在 目标 表 中 存在 , 顺 
序 可 以 任意 ; 当 对 目标 表 中 所 有 列 都 添加 数据 时 , 列 名 列表 可 以 省 略 。 列 名 列表 必 
须 用 圆 括 号 括 起 来 。 

。 EIR: 此 语句 用 来 设置 欲 添 加 的 数据 值 。 各 数据 值 与 一 列 名 列表 之 中 列 的 顺序 
一 一 对 应 , 且 数 据 都 必须 符合 相应 列 的 数据 类 型 .约束 等 ,以 保证 表 中 数据 的 完整 
性 。 若 对 新 记录 的 所 有 列 都 添加 数据 ,并 省 略 了 列 名 列表 , 则 值 列表 中 数据 的 排列 
顺序 要 与 目标 表 中 列 的 顺序 一 致 。 值 列表 也 要 用 圆 括 号 括 起 来 。 


a EE. 

使 用 INSERT 语句 时 要 注意 以 下 几 点 : 

(1) 必须 为 主键 、 不 允许 为 空 的 列 添加 数据 。 

(2) 添加 的 数据 必须 符合 相应 列 的 数据 类 型 .约束 ,以 保证 表 中 数据 的 完整 性 。 

(3) 车 添加 的 数据 是 char, varchar,datetime 数据 类 型 , 则 该 值 要 用 单 引 号 括 起 来 。 

(4) 对 于 指定 有 默认 值 的 列 , 若 要 使 该 列 获得 其 默认 值 , 则 在 值 列表 的 相应 位 置 上 使 
用 DEFAULT 关键 字 。 


3. UPDATE 修改 命令 
有 时 需要 修改 表 中 现 有 的 数据 ,在 SQL SERVER 2005 中 ,可 以 用 UPDATE 语句 来 实 
现 数据 修改 。 

UPDATE 语句 可 以 修改 表 中 的 一 条 或 者 多 条 记录 ,其 语法 格式 如 下 : 

UPDATE < 目标 表 名 > 

SET { 列 名 = 表达 式 INULLI DEFAULT} [, ...n] 

[WHERE 搜索 条 件 ] 

。 <AR>: 此 语句 用 来 指定 欲 修改 记录 的 表 名 。 

。 SET: 此 语句 指定 要 修改 的 列 和 所 用 的 数据 。 修 改 后 的 数据 由 表达 式 确定 ,但 是 必 
须要 符合 相应 字段 的 数据 类 型 长度 .精度 和 约束 ,以 保证 数据 的 完整 性 。 另 外 ,对 
具有 默认 值 的 列 可 以 使 用 DEFAULT 修改 为 默认 值 ; 对 允许 使 用 空 值 的 列 , 也 可 以 
使 用 NULL 修改 为 空 

* WHERE; 此 语句 用 来 筛选 记录 ,表示 UPDATE 命令 只 对 符合 搜索 条 件 的 记录 进 
行 修改 , 当 省 略 WHERE 子 句 时 ,将 对 表 中 的 所 有 记录 都 修改 。 

4. DELETE 修改 命令 

对 于 表 中 已 经 确定 无 用 的 记录 ,可 以 用 DELETE 语句 删除 。 

DELETE 语句 可 以 从 表 中 删除 一 条 或 者 多 条 记录 ,语法 格式 如 下 : 

DELETE [FROM] < 目标 表 名 > 

[WHERE < 搜索 条 件 >] 

* FROM, 此 语句 是 可 选 参数 。 

。 去 目标 表 名 之 : 此 语句 指定 要 从 中 删除 记录 的 表 名 。 

。 WHERE; 此 语句 用 来 指定 筛选 条 件 , 将 满足 二 搜索 条 件 过 的 记录 进行 删除 。 该 子 
句 为 可 选 : 若 不 选 , 则 表示 删除 表 中 的 所 有 记录 ; 若 选 , 则 删除 满足 条 件 的 记录 。 
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8.2.1 任务 描述 
IE T-SQL 编写 数据 操作 命令 。 
8.2.2 任务 实现 


在 每 个 系统 中 ,都 需要 对 字符 串 、 页 面 参 数 、 网 页 HTML 代码 Cookie 参数 进行 处 理 来 
实现 系统 的 交互 ,可 以 说 对 系统 的 实现 都 是 在 对 字符 串 进行 格式 化 处 理 的 基础 之 上 。 因 此 ， 
根据 网 页 整体 设计 的 功能 抽象 ,需要 对 各 种 类 型 的 字符 串 进行 特殊 的 输入 输出 处 理 , 下 面 列 
出 了 如 下 功能 的 组 件 设 计 。 具 体操 作 步 又 如 下 : 

(1) 编写 查询 数据 的 操作 命令 

“Com. news, menu” 包 中 的 MenuManage 类 的 getMenu( ) 方 法 ,其 功能 是 获取 所 有 的 
新 闻 分 类 ,并 在 调用 时 对 “新 闻 分 类 ”按照 ID 进行 排序 。 如 程序 8-19 所 示 。 

【程序 8-19】 getMenu( ) 方 法 

i33 Example Source Code: 


public static Vector getMenu( ) throws MenuNotFoundException ( 
try { 
DBConnect dbc- new DBConnect ("select * from Menu order by id"); 
ResultSet rs- dbc.executeQuery( ); 
Vector menuVector-new Vector ( ); 
while (rs.next( )) ( 
Menu tempMenu- new Menu ( ); 


tempMenu.setMenuID (rs.getInt (1)); 
tempMenu. setMenuName (rs.getString(2)); 
tempMenu. setMenuEName (rs.getString(3)); 
tempMenu. setMenuMe (rs.getString (4) ) 7 
tempMenu. setMenuURL (rs .getstring(5)); 
tempMenu.setAddTime (rs.getString(6)); 
tempMenu.setOrderID (rs.getInt (7)); 
tempMenu.setParentID(rs.getInt (8)); 
tempMenu.setHide (rs.getInt (9)) ; 


menuVector.add (tempMenu) ; 
} 
dbc.close( ); 
return menuVector; 
} catch (Exception e) { 
e.printStackTrace( ); 
throw new MenuNotFoundException ( ); 


} 


(2) 编写 添加 数据 的 操作 命令 
"Com. news. menu” 包 中 的 MenuManage 类 的 saveMenu(HttpServletRequest request) 


ey 
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方法 ,其 功能 是 添加 一 个 新 的 新 闻 分 类 ,并 对 必要 的 信息 进行 判断 ,如 程序 8-20 代码 所 示 。 
【程序 8-20】 saveMenu(CHttpServletRequest request) 方 法 
BE Example Source Code: 


public static void saveMenu (HttpServletRequest request) throws Exception { 


String MenuName- ParamUtil.getString (request, "MenuName") ; 
String MenuEName- ParamUtil.getString (request, "MenuEName") ; 


if (MenuName- -null || MenuEName- - null) 
throw new Exception ("iji fi A 5c & 39r I8] 2) 28 fe B.) ; 

DBConnect dbc- new DBConnect ("insert into Menu (MenuName, MenuEName, MenuMe, 
MenuURL, AddTime,OrderID, ParentID) values (?,?,?,2,?,?2,2)"); 


dbc.setString (1,new String (ParamUtil.getString (request, "MenuName","").getBytes 
("ISO-8859-1"), "GBK")); 

dbc.setString(2,ParamUtil.getString (request, "MenuEName","")); 

dbc.setString(3,new String (ParamUtil.getString (request, "MenuMe","").getBytes 
("ISO-8859-1"), "GBK")); 

dbc.setString(4,new String (ParamUtil.getString (request, "MenuURL", "").getBytes 
("ISO-8859-1") , "GBK") ) ; 

dbc.setString(5,Format.getDateTime( )); 

dbc.setInt (6, ParamUtil.getInt (request, "OrderID",1)); 

dbc.setInt (7, ParamUtil.getInt (request, "ParentID",1)); 


dbc.executeUpdate ( ) ; 
dbc.close(); 
} 


(3) 修改 数据 

"Com. news, menu” 包 中 的 MenuManage 类 的 saveEdit (HttpServletRequest request) 
方法 ,其 功能 是 修改 一 个 新 闻 类 别 ,调用 此 函数 前 要 先 选 定 想 要 修改 的 新 闻 类 别 ,如 程 
序 8-21 代 码 所 示 。 

【程序 8-21】 saveEdit(HttpServletRequest request) 方 法 

BD Example Source Code: 

public static void saveEdit (HttpServletRequest request) throws Exception ( 


int MenuID; 
try { 

MenuID- ParamUtil.getInt (request, "MenuID"); 
) catch (Exception e) ( 

throw new Exception (" 请 选择 论坛 的 ID."); 


DBConnect dbc- new DBConnect ("update Menu set MenuName- ? , MenuEName- ? ,MenuMe= ? , 
MenuURL- ? , OrderID- ? , ParentID- ? where id- "4 MenuID); 


dbc.setString(1,new String (ParamUtil.getString (request, "MenuName", "") .getBytes 
("ISO-8859-1"), "GBK")); 


(m 
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Gdbc.setString(2,ParamUtil.getString (request, "MenuEName","")); 

dbc.setString (3,new String (ParamUtil.getString (request, "MenuMe", "") .getBytes 
("ISO-8859-1"), "GBK")); 

Gdbc.setString(4,new String (ParamUtil.getString (request, "MenuURL", "") .getBytes 
("ISO-8859-1") , "GBK")) ; 

Gdbc.setInt (5, ParamUtil.getInt (request, "OrderID",1)); 

dbc.setInt (6,ParamUtil.getInt (request, "ParentID",1)); 


dbc.executeUpdate ( ) ; 


dbc.close(); 
) 


(4) 删除 数据 

*Com. news. menu” 包 中 的 MenuManage 类 的 delMenu(int MenulD) 方 法 ,其 功能 是 删 
除 一 个 新 闻 分 类 ,同时 查找 该 分 类 下 的 子 分 类 一 并 删除 ,调用 此 函数 前 先 选 择 要 删除 的 新 闻 
分 类 ID, 如 程序 8-22 代码 所 示 。 


a 注意 
在 此 要 注意 对 相关 类 别 下 新 闻 的 删除 ,因为 删除 了 新 闻 分 类 ,那么 相关 新 闻 的 对 应 分 
类 就 不 能 确定 了 ,因此 必须 考虑 将 分 类 下 的 所 有 新 闻 删 除 。 这 里 不 给 出 相应 的 代码 ,读者 
可 以 自行 思考 、 设 计 。 
【程序 8-22]delMenu(int MenuID) 7r iX: 
I3 Example Source Code: 


public static void delMenu (int MenuID) ( 


try { 
inti; 
String sql-""; 


Vector menuVector- new Vector( ); 
menuVector- getMenus (MenuID) ; 


for (i-0; i«menuVector.size( ); i++) ( 
Menu tempMenu- (Menu) menuVector.get (i); 
delMenu (tempMenu.getMenuID( )); 


Vector articleVector- new Vector ( ); 
articleVector- ArticleManager.getArticles (MenuID) ; 


for (i-0; i«articleVector.size( ); i++) { 
Article tempArticles- (Article) articleVector.get (i); 
ArticleManager.delArticle (tempArticles.getId( )); 

} 

DBConnect dbc- new DBConnect ( ) ; 

Sgl- "delete from Menu where id- "4 MenuID; 


网 站 项 目 规划 与 设计 


dbc.executeUpdate (sql) ; 


dbc.close(); 
} catch (Exception e) ( 
e.printStackTrace( ); 
H 


8.2.3 相关 知识 拓展 


SQL 是 由 命令 . 子 句 和 运算 符 等 元 素 所 构成 的 ,这 些 元 素 结合 起 来 组 成 用 于 创建 .更 新 
和 操作 数据 库 的 语句 。 

1. SQL 命令 

SQL 命令 常 分 为 三 类 ,数据 定义 语言 DDL(Data Definition Language) ,数据 操纵 语言 
DML(Data Manipulation Language) ,数据 控制 语言 DCL(Data Control Language). 

(1) 数据 定义 语言 

DDL 定义 数据 库 的 结构 ,包括 数据 库 本 身 、 数 据 表 、 目 录 、 视 图 等 数据 库 元 素 。 常 用 的 
DDL 语句 及 其 相关 说 明 如 表 8-1 所 示 。 

表 8-1 常用 DDL 语句 及 其 相关 说 明 


常用 DDL 语句 说 明 

CREATE table 创建 表 

CREATE index 创建 索引 

CREATE view 创建 视图 

ALTER table 修改 表 定 义 : 包括 增加 表 列 、 重 定义 表 列 .删除 表 列 等 
DROP table 删除 表 定义 

DROP index 删除 索引 


(2) 数据 操纵 语言 
DML 完成 在 数据 库 中 确定 、 修 改 . 添 加、 删除 某 一 数据 值 的 任务 。 常 用 的 DML 语句 及 
其 相关 说 明 如 表 8-2 所 示 。 
表 8-2 常用 DML 语句 及 其 相关 说 明 


常用 DML 语句 说 明 
SELECT 在 数据 库 中 查找 满足 指定 条 件 的 记录 
INSERT 在 表 中 增加 数据 行 
DELETE 从 表 中 删除 数据 行 
UPDATE 更 改 表 中 数据 
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(3) 数据 控制 语言 
DCL 用 来 授予 或 回收 访问 数据 库 的 某 种 特权 ,并 控制 数据 库 操纵 事务 发 生 的 时 间 及 效 
果 , 对 数据 库 实行 监视 等 。 常 用 的 DCL 语句 及 其 相关 说 明 如 表 8-3 所 示 。 


表 8-3 常用 DCL 语句 及 其 相关 说 明 


DCL 语句 说 明 
GRANT 将 权限 或 角色 授予 用 户 或 其 他 角色 
REVOKE 回收 用 户 权 限 
ROLL 回 滚 (把 信息 恢复 到 用 户 使 用 update, insert, delete 前 最 后 提交 的 状态 ) 
提交 (在 完成 数据 库 的 插入 ,删除 和 修改 操作 时 ,只 有 当 事 务 提交 到 数据 
COMMIT 
库 才 算 完成 ) 
2. Tf) 


一 个 SQL 语句 是 一 个 由 子 句 组 成 的 命令 , 子 句 指定 了 要 执行 的 操作 、 数 据 源 以 及 任何 
完成 操作 所 需 的 结构 。 每 个 从 句 必须 起 始 于 一 个 关键 字 。 最 常用 的 从 句 及 其 相关 说 明 如 
K 8-4 所 示 。 


表 8-4 常用 DCL 语句 及 其 相关 说 明 


F 句 说 明 
FROM 指定 要 对 其 进行 操作 的 数据 源 
WHERE 对 操作 设 定 一 个 或 多 个 条 件 
ORDER BY 对 查询 结果 进行 排序 
GROUP BY 对 查询 结果 进行 分 组 
HAVING 指定 分 组 的 条 件 
3. 运算 符 


SQL 运算 符 可 分 为 下 面 几 种 类 别 。 
。 比较 运算 符 ( 大 小 比较 ); >, >=, S5, <, <S, <I >I < 
。 范围 运算 符 ( 表 达 式 值 是 否 在 指定 的 范围 ):; BETWEEN... AND..., NOT 
BETWEEN...AND... 
列表 运算 符 ( 判 断 表 达 式 是 否 为 列表 中 的 指定 项 ): IN (项 1, 项 2...) NOT IN (项 
1.35 2...) 

。 模式 匹配 符 (判断 值 是 否 与 指定 的 字符 通 配 格式 相符 ): LIKE NOT LIKE 

。 空 值 判断 符 ( 判 断 表达 式 是 否 为 空 ): IS NULL.IS NOT NULL 

。 逻辑 运算 符 ( 用 于 多 条 件 的 逻辑 连接 ): NOT、AND、OR 

SQL 还 有 一 些 用 来 计算 的 函数 , 称 为 聚合 函数 。 例 如 ,用 AVG 函数 计算 平均 值 ,用 
COUNT AOR EER. AH SUM 函数 计算 总 和 ,用 MAX 函数 计算 最 大 值 等 。 


e 
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8.2.4 经 验 总 结 


SQL 是 实现 数据 库 查询 性 能 提升 的 最 现实 、 最 有 效 的 手段 ,有 时 其 至 是 唯一 的 手段 。 


下 面 列 出 通过 优化 SQL 语句 提高 查询 性 能 的 方法 。 


1. SQL 书写 规范 


A) SQL 语句 的 所 有 表 名 .字段 名 全 部 小 写 , 系 统 保留 字 \ 内 置 函 数 名 .SQL 保留 字 大 写 。 

(2) 连接 符 OR IN、AND, 以 及 = .二 一 、 > 一 等 ,前 后 加 上 一 个 空格 。 

G) 对 较为 复杂 的 SQL 语句 加 上 注释 ,说 明 算 法 .功能 。 

。 对 不 易 理 解 的 分 支 条 件 表达 式 加 注释 。 

。 重要 的 计算 应 说 明 其 功能 。 

* 过 长 的 函数 实现 ,应 将 其 语句 按 实现 的 功能 分 段 加 以 概括 性 说 明 。 

* 每 条 SQL 语句 均 应 有 注释 说 明 ( 表 名 FRA). 

。 人 常量 及 变量 注释 时 ,应 注释 被 保存 值 的 含义 (必须 ) 合法 的 取 值 范 围 ( 可 选 ) 。 

。 可 采用 单行 /多 行 注释 (-- 或 /* * /方式 ) 。 

(4) SQL 语句 的 缩 进 风格 

。 一 行 有 多 列 ,超过 80 个 字符 时 ,基于 列 对 齐 原则 ,采用 下 行 缩 进 。 

* WHERE 子 句 书写 时 ,每 个 条 件 占 一 行 , 语 句 另 起 一 行 时 ,以 保留 字 或 者 连接 符 开 
di ,连接 符 右 对 齐 。 

O) 多 表 连 接 时 ,使 用 表 的 别名 来 引用 列 。 

(6) 供 别 的 文件 或 函数 调用 的 函数 , 绝 不 应 使 用 全 局 变量 交换 数据 。 


2. 书写 优化 性 能 建议 


CD 避免 典 套 连接 。 例 如 ,A=B and B—C and C=D。 
(2) WHERE 条 件 中 尽量 减少 使 用 常量 比较 , 改 用 变量 。 
(3) 系统 可 能 选择 基于 规则 的 优化 器 ,所 以 将 结果 集 返 回 数据 量 小 的 表 作 为 驱动 表 


(FROM 后 边 最 后 一 个 表 ) 。 


作 。 


(4) 大 量 的 排序 操作 影响 系统 性 能 ,所 以 尽量 减少 ORDER BY 和 GROUP BY 排序 操 
如 必须 使 用 排序 操作 ,应 遵循 如 下 规则 : 

。 排序 尽量 建立 在 有 索引 的 列 上 。 

。 如 结果 集 不 需 唯一 ,使 用 UNION ALL 代替 UNION, 

(5) 尽量 避免 相同 语句 由 于 书写 格式 的 不 同 ,而 导致 多 次 语法 分 析 。 

(6) 尽量 使 用 共享 的 SQL 语句 。 

(7) 查询 中 的 WHERE 过 滤 原则 ,应 使 过 滤 记 录 数 最 多 的 条 件 放 在 最 前 面 。 

(8) 任何 对 列 的 操作 都 将 导致 表 扫 描 , 它 包括 数据 库 函 数 . 计 算 表 达 式 等 ,查询 时 要 尽 


可 能 将 操作 移 至 等 号 右边 。 


3. 其 他 经 验 性 规则 
(1) 尽量 少 用 嵌 套 查询 。 


ca 
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(2) Hie EIER EXISTS FA., 

(3) 少 用 DISTINCT 子 句 。 

(4) 使 用 ROWID 提高 检索 速度 。 对 SELECT 得 到 的 单行 记录 , 需 进行 DELETE, 
UPDATE 操作 时 ,使 用 ROWID 将 会 使 效率 大 大 提高 。 

(5) 使 用 优化 线索 机 制 进行 访问 路 径 控制 。 


8.3 管理 员 的 登录 
8.3.1 任务 描述 
利用 Eclipse 实现 * 新 闻 类 别 网 站 "的 管理 员 登 录 模 块 。 
8.3.2 任务 实现 


登录 页 面具 有 自动 识别 网 站 访问 者 身份 类 别 的 功能 ,不 同 访问 者 登录 时 将 根据 其 不 同 
的 身份 进入 不 同 的 功能 页 面 。 系 统 共 设 三 种 访问 者 级 别 ,在 登录 身份 验证 通过 后 ,系统 利用 
Session 变量 记录 登录 名 、 身 份 类 别 ,并 据 此 分 别 进入 相应 的 模块 ,伴随 这 个 访问 者 对 网 站 进 
行 操作 的 整个 生命 周期 。“ 新 闻 类 别 网 站 ”登录 模块 的 具体 实现 步骤 如 下 : 

(1) 在 “com. news. util” 包 中 新 建 基 本 类 Login, 保 存 为 Login. java. 大致 写法 如 程 
序 8-23 所 示 。 

【程序 8-23】 基本 类 Login 的 结构 

EJ Example Source Code: 


package com.news.util; // 指定 类 所 在 的 包 


import java.sql. * ; 
import javax.servlet.http.HttpServletRequest; 


import com.news.util. * ; 
import com.news.database. * ; 


public class Login ( 
Function Fun-new Function ( ); 
MD5 md5- new MD5( ) ; 
public static int AdminID; 
public static int AdminType; 
public static int LoginNum; 


public Login( ) {} 

public boolean loginCheck (HttpServletRequest request) {} 

public static void upLogin (String ip.int id.int LoginNum) throws Exception {} 
} 


(2) 在 新 建 的 基本 类 Login 中 ,完善 用 于 验证 登录 的 loginCheck(HttpServletRequest 
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request) 方 法 ,大 致 写法 如 程序 8-24 所 示 。 
【程序 8-24】 loginCheck(HttpServletRequest request) 方 法 
EJ Example Source Code: 


EEEE EEEE HEINRICI UEIOOEOOECOIUERORUCOEOCOOUOOUOO]UOUHO]HO]UO]UIHCOE 


* 函数 名 : Check 
* 作用 : 验证 登录 
* 参数 : sl,s2,s3: 字符 串 型 ,登录 用 户 名 ,密码 ,IP 
* 返 回 值 : 布尔 型 。 登 录 成 功 返 回 True, 否 则 返回 False 
* @ throws Exception 
RENE JE DE EREN AE DE DEEA YE DE EEDE AE E EREA AE DE EENE AE DE ENEA AE AE ENERE DE E RERE AE DE EREA AE PE EERE AEDE EREA RENERE AEE EEEE EEEE ERRER / 
public boolean loginCheck (HttpServletRequest request) { 
try { 
boolean OK= false; 
String User- ParamUtil.getString (request, "User", ""); 
String Pwd- ParamUtil.getString (request, "Pwd", "") ; 
DBConnect dbc- new DBConnect ("SELECT * FROM Admin WHERE AdminName- '" User 
*"' AND AdminPwd- '" 
*md5.getMD5ofStr (md5.getMD5ofStr (Pwd) ) - "'"); 
ResultSet rs= dbc.executeQuery( ); 
if (rs.next( )) ( 
AdminID- rs.getInt ("ID"); 
LoginNum- rs.getInt ("LoginNum")-* 1; 
upLogin (request .getRemoteHost ( ) , AdminID, LoginNum); 
OK-true; 
) 
dbc.close(); 
return OK; 
) catch (Exception e) { 
return false; 


) 


G) 在 新 建 的 基本 类 代码 的 Login 中 ,完善 更 新 登录 信息 的 upLogin( String ip.int id. 
int LoginNum) 方 法 ,大 致 写法 如 程序 8-25 所 示 。 

【程序 8-25] upLogin(String ip,int id,int LoginNumy) 方 法 

大 Example Source Code: 


JEE 3E YE 3E EYE 3E FE 3E EAE DE FE FE EAE DE FE FE EIE JE FE SEFE FE EYE SEFE YE E YE SEFE FEFE YE SEFE FE FE FEFE IE EAE FEFEFE EAE IE FEFE EIE FEFE FE EIE FE AE FEFE IEK AE EFE IE KAE EAE EAE EEEE E 
* 函数 名 : upLogin 
* 作用 : 更 新 登录 信息 
* 参数 : s1,52,53: 字符 串 型 ,登录 用 户 名 ,密码 ,IP 
* 返 回 值 : 布尔 型 。 登 录 成 功 返 回 True, f IER In] False 
* (throws Exception 
FERAE IEE RENEE PEEKE JEJE PEIEE FE IE EENE FE IE EENE AE IE EENE FE IEEE IEEE JENE IE IEEE NEIE EEEF IE EIEEE EKAIA EREEREER pe peer / 
public static void upLogin (String ip,int id,int LoginNum) throws Exception { 
DBConnect dbc- new DBConnect ( ) ; 
String sql- "UPDATE Admin SETLastLoginTime- '"4Format.getDateTime( )+"' WHERE id- "tid; 
dbc.executeUpdate (sql) ; 
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sql= "UPDATE Admin SET LastLoginIP- '"tipt"' WHERE id- "t id; 


dbc.executeUpdate (sql); 


Sql- "UPDATE Admin SET LoginNum- '"+ LoginNum-* "' WHERE id="+ id; 


dbc.executeUpdate (sql) ; 
dbc.close(); 
) 


(4) 如 图 8-3 所 示 的 登录 界面 ,是 在 表现 层 的 公共 页 面 的 基础 上 制作 的 ,所 以 ,在 


Eclipse 中 打开 一 个 Temp-jsp. jsp 文件 .另存 为 Login. jsp, 作 为 管理 员 登 录 的 JSP 模板。 


红 B «s 


mea: 
€B: 
验证 码 : 


学 校 首页 | 设 为 首页 | 添加 收藏 | 联系 我 们 


工作 简报 
Brief 


用 户 登录 


[PARET e45) 


E genu] 


关于 我 们 | 安装 说 明 | DENN | 版 权 说 明 | 管理 入口 
Copyright © 1998 - 2008 Tencent Inc. All Rights Reserved 


版 权 所 有 


@ 工 作 室 


图 8-3 登录 界面 


(5) 在 新 建 的 登录 页 面 Login. jsp 中 ,完善 登录 页 面 的 表单 和 相关 的 验证 方法 ,大 致 写 


法 如 程序 8-26 所 示 。 
【程序 8-26] upLogin 方法 
时 Example Source Code: 


< $ @page contentType- "text/html;charset- GB2312" pageEncoding- "GBK"$ > 
<% @page import- "com.news.util.* "$> 
<$% @page import- "com.news.user. * "$> 
<$% @page import- "com.news.config. * "$> 


<% 
try{ 


response .setHeader ("Pragma", "No-cache") ; 


response.setHeader ("Cache-Control", "no-cache"); 


response.setDateHeader ("Expires", 0); 
request.setCharacterEncoding ("GBK") ; 


Config con- new Config( ); 


out.print (con.PrintHead ("登录 页 面 ")); 
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String Action- request.getParameter ("Action"); 


if(Action!-null && Action.equals ("Login")) 
t 
// 得 到 页 面 地 址 来 源 
String Pagel- (String)request.getHeader ("Referer"); 
// 得 到 当前 页 面 地 址 
String Page2- request.getRequestURL ( ) .toString( ); 
String methon- request.getMethod( ) 7 
if (methon.equals ("POST") && Page2.equals (Pagel)) 
t 
try{ 
Function Fun= new Function( ); 
Login login- new Login( ); 


String sCode- Fun.CheckReplace (request .getParameter ("VerifyCode")); 
if (! sCode.equals (Session.getAttribute ("VerifyCode"))) 


Session.setAttribute ("error", "<1i> 验 证 码 错误 "); 
response.sendRedirect ("Login.jsp"); 

) 

if (login.loginCheck (request) ) 

t 
Session.setAttribute ("Login", "Yes"); 
Session.setAttribute ("AdminID", Integer.toString (login.AdminID)); 
out.println("« SCRIPT LANGUAGE- ' JavaScript '> alert (' 登 录 成 功 ! ") ; location.href= ' 
Admin Main.jsp';« /SCRIPT» "); 


else 


Session.setAttribute ("error","<1i> 用 户 名 或 密码 错误 "); 
response.sendRedirect ("Login.jsp"); 


)catch (Exception e)( 
response.sendRedirect ("Login.jsp"); 
else 


out.print (" 出 错 "+ Pagel* ";"4 Page2) ; 


return; 


$$> 


«div id= "Main"> 

«div align="center"> <$% = ((String)Session.getAttribute ("error")- - null)? "": (String) 
Session.getAttribute ("error")®% >< /div> 

< form name= "form" action="" method= "POST" onSubmit= "return LoginCheck( )"> 

«table border="0" align="center" cellpadding- "2" cellspacing="2"> 
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<tr> 
<th colspan= "2"> 用 户 登 录 < /th> 
</tr> 
<tr> 
<td> 用 户 名 : </td> 
<td>< input name- "User" type="text" id- "User" size- "l6" /></td> 
«tr» 
«tr» 
«td» 码 : </td> 
<td><input name- "Pwd" type="password" id- "Pwd" size- "16" />< /td> 
</tr> 
<tr> 
<td> 验 证 码 : < /td> 
«td» 
« input name- "VerifyCode" type- "text" id- "VerifyCode" size- "6" maxlength- "6" /» 
«img src- "VerifyCode.jsp" alt=""> (区 分 大 小 写 ) 
</td> 
</tr> 
<tr> 
<td colspan= "2" align="center" height= "30"» 
«input type="submit" name= "submit" value- " 登 录 " class= "button"> 
< input type- "reset" name- "submit2" value- " 清 除 " class= "button"> 
«/td» 
</tr> 
</table> 
</form> 
</div> 
<% 
out.print (con.PrintFooter( )); 
} 
catch (Exception e) { 
e.printStackTrace(); 
String errMsg- e.getMessage( ); 
)» 


8.3.3 相关 知识 拓展 


Session tracking( 会 话 追 踪 ) 是 一 类 用 来 在 客户 端 与 服务 器 之 间 保 持 状 态 的 解决 方案 ， 


简单 地 说 , 当 一 个 客户 在 多 个 页 面 间 切 换 时 .服务 器 会 保存 该 用 户 的 信息 。 会 话 追踪 的 实现 
方式 有 下 列 4 种 方式 : 


的 ， 


COD 使 用 持续 Cookies(Persistent Cookies) 。 
(2) 重 写 包 含 额外 参数 的 URL(URL Rewriting). 
(3) 建立 含有 数据 的 隐藏 表 单字 段 (Hidden Form Field), 
(4) 使 用 内 建 Session 对 象 。 
前 三 种 会 话 追 踪 方式 是 传统 的 做 法 ,每 种 做 法 都 有 缺点 。 最 后 一 种 方法 是 目前 最 常用 
也 是 最 有 效 的 解决 方案 ,因此 在 本 节 中 将 把 讨论 重心 放 在 第 4 种 会 话 追踪 方式 上 。 然 而 
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为 彻底 了 解 会 话 追 踪 的 机 制 , 还 是 先 将 传统 的 会 话 追 踪 方 式 做 一 下 介绍 。 
1. 使 用 Cookie 


Cookie 是 一 个 小 小 的 文本 文件 , 它 将 会 话 信 息 记 录 在 这 个 文本 文件 内 ,每 个 页 面 都 在 
Cookie 中 提取 以 前 的 会 话 信息 。 例 如 : 

String SessionID-makeUniqueString(); 

HashMap SessionInfo- new HashMap( ); 

HashMap globalTable- findTableStoringSessions( ); 

globalTable.put (SessionID, SessionInfo); 

Cookie SessionCookie —- new Cookie ("JSESSIONID", SessionID); 

SessionCookie.setPath ("/"); 

response .addCookie (SessionCookie); 

上 面 这 段 代码 先 将 会 话 信 息 记 录 在 HashMap 中 ,保存 在 服务 器 端 ,并 用 SessionID 标 
识 ,然后 把 SessionID 保存 在 名 为 "JSESSIONID"” 的 Cookie 中 。 

访问 者 的 请 求 到 达 服 务 器 后 , 先 从 Cookie 中 取出 SessionID, 然 后 从 HashMap 中 取出 
会 话 信息 。 这 样 就 实现 了 会 话 追踪 。 

虽然 Cookie 强大 且 持 续 性 高 ,但 是 由 于 有 些 访问 者 因为 担心 Cookie 对 个 人 隐私 的 威 
胁 , 会 关闭 Cookie, 一 旦 如 此 , 便 无 法 利用 Cookie 来 达到 会 话 追踪 的 功能 。 


2. URL S 


URL 重 写 是 利用 GET 方法 ,在 URL 的 尾部 添加 一 些 额外 的 参数 来 达到 会 话 追踪 
Cession tracking) 的 目的 ,服务 器 将 这 个 标识 符 与 它 所 存储 的 有 关 会 话 的 数据 关联 起 来 。 
下 面 是 一 个 URL 的 写法 示例 : 


http://host/path/file.html;jSessionid- 1234 


使 用 URL 重 写 的 优点 是 在 Cookie 被 禁用 或 者 根本 不 支持 的 情况 下 ,网 站 依旧 能 够 实现 
会 话 跟 踪 。 但 这 种 方式 也 有 很 多 缺点 ,比如 必须 对 所 有 指向 网 站 的 URL 进行 编码 ;所 有 页 面 
必须 动态 生成 ;不 能 使 用 预先 记录 下 来 的 URL 进行 访问 ,或 者 从 其 他 网 站 链接 进行 访问 。 


3. 隐藏 表单 字段 


隐藏 表单 字段 的 方法 ,是 利用 HTML 的 表单 字段 的 Hidden 属性 ,把 客户 端的 信息 在 
访问 者 不 察觉 的 情形 下 ,偷偷 地 随 着 客户 端 请 求 一 起 传送 给 服务 器 进行 处 理 , 这 样 一 来 ,就 
可 以 进行 会 话 跟踪 的 任务 了 。 可 用 下 面 的 方法 利用 隐藏 表单 字段 来 实现 会 话 追踪 。 


«input type- "Hidden" name- "userID" value= "15"> 


这 样 就 可 以 将 重要 的 客户 端 信息 ,如 ID 之 类 的 独一无二 的 数据 ,以 隐藏 字段 的 方式 传 
送 给 服务 器 。 隐 藏 字段 的 优点 在 于 Session 数据 传送 到 服务 器 端 时 ,并 不 像 GET 方法 会 将 
Session 数据 暴露 在 URL 之 中 。 不 过 这 种 做 法 也 有 缺点 ,只 要 Session 数据 储存 在 隐藏 字 
段 中 ,就 会 有 暴露 数据 的 危机 ,因为 只 要 直接 观看 HTML 源 文件 ,Session 数据 将 会 暴露 无 
疑 。 这 将 造成 安全 上 的 漏洞 ,特别 当 访 问 者 数据 是 依赖 于 ID 密码 来 取得 的 时 候 , 将 会 有 被 
盗用 的 危险 。 
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4. 使 用 内 建 Session 对 象 


传统 的 会 话 追踪 方式 使 用 起 来 比较 麻烦 ,但 JSP 使 用 内 建 的 Session 对 象 可 以 非常 方 
便 地 实现 会 话 追踪 ,JSP 的 会 话机 制 基 于 Cookie 或 URL 重 写 技术 ,融合 了 这 两 种 技术 的 优 
点 , 当 客户 端 允 许 使 用 Cookie 时 ,内 建 Session 对 象 使 用 Cookie 进行 会 话 追 踪 , 如 果 客 户 端 
禁用 Cookie, 则 选择 使 用 URL 重 写 。 

(1) 获取 Session 对 象 

例如 把 购物 车 作为 属性 存储 在 Session 中 ,在 其 他 JSP 页 面 中 可 以 通过 getAttribute 方 
法 读 取 Session 中 的 对 象 获 得 购物 车 。 

// 在 JSP 页 面 中 可 以 直接 使 用 Session 

ShoppingCart cart= (ShoppingCart)Session.getAttribute ("cart"); 

内 建 的 Session 对 象 是 javax. servlet. http. HttpSession 类 的 实例 ,如 果 在 JavaBean 或 
者 Servlet 中 使 用 Session ,就 需要 先 从 当前 的 request 对 象 中 取得 ,例如 : 


// 得 到 用 户 Session 和 购物 篮 

HttpSession Session= request.getSession(); 

ShoppingCart cart- (ShoppingCart)Session.getAttribute ("cart") ; 

(2) i3 Session 中 的 数据 

向 Session 中 存 人 对 象 时 使 用 setA tribute 方法 。 注 意 , 从 Session 返回 的 值 要 转换 成 
合适 的 类 型 ,要 注意 检查 结果 是 否 为 null。 例 如 下 面 一 段 代 码 ， 


HttpSession Session= request .getSession( ); 

SomeClass value= (SomeClass)Session.getAttribute ("someID"); 

if (value==null) { 

value- new SomeClass(...); 

Session.setAttribute ("someID", value); 

ER (value); 

(3) 废弃 Session 数据 

调用 removeAttribute 废弃 Session 中 的 值 . 即 移 除 与 名 称 关联 的 值 。 

调用 invalidate 废弃 整个 Session, 即 废弃 当前 的 Session. 

如 果 访 问 者 注销 并 离开 站 点 ,注意 要 废弃 与 他 相关 联 的 所 有 Session. 

(4) Session 的 生命 周期 

由 于 没有 办 法 知道 HTTP 客户 端 是 否 不 再 需要 Session, 因 此 每 个 Session 都 关联 一 个 
时 间 期 限 , 使 它 的 资源 可 以 被 回收 。 

(5) 服务 器 使 用 URL 重 写 

Session 默认 使 用 Cookie 技术 进行 会 话 追 踪 , 如 果 客 户 端 不 接受 Cookie 的 时 候 , 服 务 
器 可 以 利用 URL 重 写 的 方式 将 SessionID 作为 参数 附 在 URL 后 面 ,此 时 须 利用 response 
对 象 内 的 encodeURL 或 encodeRedirectURL 方法 .这 两 个 方法 首先 判断 Cookies 是 否 被 浏 
览 器 支持 ,如 果 支 持 , 则 参数 URL 被 原样 返回 ,SessionID 将 通过 Cookies 来 维持 。 否 则 返 


回 带 有 SessionID 的 URL。 
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8.3.4 经 验 总 结 


登录 验证 在 Web 应 用 程序 设计 中 占有 相当 重要 的 地 位 ,是 一 个 很 重要 的 模块 。 一 般 来 
说 ,访问 者 需要 提供 登录 名 和 密码 ,发 出 登录 请 求 , 经 过 密码 验证 模块 的 验证 后 ,将 把 该 访问 
者 的 一 些 特定 信息 保存 到 Session 中 ,并 进行 日 志 记 录 和 权限 的 设置 , 当 访问 者 浏览 其 他 设 
有 特定 权限 的 页 面 时 ,他 的 相关 信息 就 需要 在 不 同 的 页 面 间 实 现 共 享 。 具 体 处 理 如 图 8-4 
所 示 。 


拒绝 登录 、 返 
回 登 录 页 面 


登录 信息 保存 于 Session 叶 


[记录 管理 ] [类 别管 理 | [管理 员 管 理 ] 


上 传 附件 管理 


退出 操作 或 
操作 超时 


Web 服 务 器 


拒绝 操作 ， 给 出 错误 提示 ， 返 回 清除 Session JavaBeans 


图 8-4 登录 验证 示意 图 


8.4 新 闻 的 添加 、 修 改 、 删 除 
8.4.1 任务 描述 
利用 Eclipse 实现 * 新 闻 类 别 网 站 ?新 闻 管理 模块 的 数据 添加 、 修 改 .删除 等 操作 。 
8.4.2 任务 实现 


一 般 的 新 闻 组 件 维护 需要 的 操作 有 增加 新 闻 、 修 改 新闻 、 删 除 新 闻 查询 所 有 的 新 闻 以 
及 查询 某 一 个 新 闻 的 属性 数据 。 本 节 主 要 完成 新 闻 的 增 、 删 、 改 功能 。“ 新 闻 类 别 网 站 ”的 这 
些 功 能 具体 分 三 个 任务 来 实现 。 
任务 1 实现 添加 操作 
任务 2 实现 修改 操作 
任务 3 实现 删除 操作 
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任务 1: 实现 添加 操作 

具体 操作 步骤 如 下 : 

(1) 打开 “com. news. article” 包 中 的 ArticleManage 类 ,在 保存 新 闻 信 息 的 saveArticle 
(HttpServletRequest request) 方 法 中 添加 如 程序 8-27 所 示 的 代码 。 

此 方法 的 功能 是 添加 一 条 新 闻 , 调 用 函数 时 会 对 “新 闻名 称 ”、“ 新 闻 分 类 ”“ 新 闻 说 明 ”、 
“新 闻 开 放 状 态 ” 等 数据 进行 非 空 判断 和 唯一 性 判断 ,如 果 为 空 时 抛 出 异常 ,并 给 出 操作 者 相 
应 的 出 错 提示 。 新 闻 添 加 成 功 则 会 在 数据 库 的 新 闻 表 里 增 加 一 条 记录 。 

【程序 8-27】 saveArticle(HttpServletRequest request) 方法 

BE Example Source Code: 


public static void saveArticle (HttpServletRequest request) throws Exception ( 


DBConnect dbc- new DBConnect ("insert into Article (ArticleTitle, ArticleInfo, 
ArticleContent, ArticleKey, ArticleAuthor, ArticleFrom, ArticleTime, ArticlePicture, MenuID, 
IsHead, IsImg, IsHot, SpecialID,AdminName)values(?, ?, ?, 3, ?2, ?, 2, 2, ?, 2, 2, 2, 2, 2)"; 


dbc.setString(l,new String(ParamUtil.getString(request, "ArticleTitle",""). 
getBytes ("ISO-8859-1") , "GBK")) 7 

dbc.setString(2,new String (ParamUtil.getString(request, "ArticleInfo", ""). 
getBytes ("ISO-8859-1") , "GBK")) ; 

dbc.setString(3,new String (ParamUtil.getString (request, "ArticleContent",""). 
getBytes ("ISO-8859-1"), "GBK")); 

dbc.setString(4,new String (ParamUtil.getString (request, "ArticleKey", ""). 
getBytes ("ISO-8859-1"), "GBK")) ; 

dbc.setString(5, new String (ParamUtil.getString (request, "ArticleAuthor",""). 
getBytes ("ISO-8859-1") , "GBK")) ; 

dbc.setString(6, new String (ParamUtil.getString (request, "ArticleFrom", ""). 
getBytes ("ISO-8859-1") , "GBK")) ; 

dbc.setString(7, Format.getDateTime( )); 

dbc.setString(8, ParamUtil.getString (request, "ArticlePicture", "")); 

dbc.setInt (9, ParamUtil.getInt (request, "MenuID", 0)); 

dbc.setInt (10, ParamUtil.getInt (request, "IsHead", 0)); 

dbc.setInt(11, ParamUtil.getInt (request, "IsImg", 0)); 

dbc.setInt (12, ParamUtil.getInt (request, "IsHot", 0)); 

dbc.setInt (13, ParamUtil.getInt (request, "SpecialID", 0)); 

dbc.setString(14, new String (ParamUtil.getString (request, "AdminName",""). 
getBytes ("ISO-8859-1"), "GBK")); 


dbc.executeUpdate ( ) ; 
dbc.close(); 
} 


(2) 打开 第 7 章 中 建立 的 Admin Articles. jsp 文件 ,完善 对 应 的 添加 界面 的 设计 部 分 ， 
所 需 代码 如 程序 8-28 所 示 。 此 处 代码 用 于 产生 添加 界面 , 即 用 于 提交 数据 的 表单 页 面 ,而 


并 不 是 将 数据 进行 处 理 的 业务 程序 。 


【程序 828] 新 闻 管 理 模块 表现 层 的 实现 
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Qj Example Source Code: 


} else if (Action.equals ("add")) ( 
s» 
< form name= "AddNews" method= "POST" action="? Action- save"» 
«table» 
«tr» 
«td align= "right"> 所 属 大 类 : < /td> 
«td colspan= "2"> 
«select name- "ClassID" size- "1" id-"ClassID" 
onChange- "ChangeLocation (document .AddNews .ClassID.options [document .AddNews . 
ClassID.selectedIndex].value)"» 
<% 
int i; 
Vector ClassVector=MenuManage.getMenus (0) ; 
if (ClassVector.size( ) >0) { 
out.println ("<option value=\"\"> 请 选择 大 类 < /option>"); 
for (i-0; i<ClassVector.size( ); i++) ( 
Menu tempClass- (Menu) ClassVector.get (i); 
out.print ("< option value= V""* tempClass.getMenuID( )* "^"»" 
+ tempClass.getMenuName ( ) * "< /option> ") 7 


) 
) else ( 
out.println ("<option value- V"V" selected» # X K 3E « /option» "); 


$> 
</select> 
< span class= "infol"> * 请 选择 新 闻 的 类 别 < /span> 
< select name- "SpecialID" size- "1" id- "SpecialID" 
onChange- "ChangeLocation (document. AddNews.BigClassID.options [document . AddNews . 
BigClassID.selectedIndex].value)"» 
«option selected value= ""> 不 属于 任何 专题 < /option» 
</select> 
</td> 
</tr> 
<tr> 
«td align= "right"> 标 题 : </td> 
«td colspan- "2"> 
«input name= "NewsTitle" type="text" id- "NewsTitle" size- "40" maxlength- "60" 
</td> 
</tr> 
<tr> 
<td align="right"> fi A : </td> 
«td width= "120">< input name= "NewsAuthor" type- "text" 
id="NewsAuthor" size="10" maxlength= "20">< /td> 
<td> 出 处 : < input name- "NewsFrom" type="text" id- "NewsFrom" 
Size-"10" maxlength- "60" />< /td> 
</tr> 
<tr> 
<td align="right"> X ^F : < /td» 
«td colspan-"2"»« input name= "NewsKey" type="text" id- "NewsKey" 
size- "40" maxlength- "30">< /td> 
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</tr> 
<tr> 
<td align= "right"> 图 片 新 闻 : < /td> 
«td»«label»« input type="radio" name- "IsImg" value- "1" 
onClick- "ShowPicture (true) "> < /1abel» < label» « input 
name- "IsImg" type="radio" value- "0" checked 
onClick- "ShowPicture (false) "> {f< /label>< /td» 
«td» 
«div id-"p" style="display: none"> &nbsp; «input 
name- "NewsPicture" type- "text" id- "NewsPicture" size-25 
maxlength- "80" style="display: " value- ""»« input 
name- "UpImg" type="button" id- "UpImg" onClick- "getPicture( )" 
value= "新 闻 图 片 >>"> &nbsp;« span class- "infol"» (130 * 80)« /span» « /div» 
</td> 
«tr» 
«tr» 
«td align= "right"> 头 条 新 闻 : < /td> 
<td>< label>< input type="radio" name- "IsHead" value- "1" 
onClick- "ShowHeadPicture (true) "> Jé « /1abel» « label» « input 
name- "IsHead" type- "radio" value- "0" checked 
onClick- "ShowHeadPicture (false) "> < /label>< /td> 
«td» 
«div id- "pl" style="display: none"> &nbsp; «input 
name- "HeadPicture" type- "text" id- "HeadPicture" size-25 
maxlength- "80" style="display: " value- ""»« input 
name= "UpImg" type="button" id- "UpImg" onClick- "getHeadPicture( )" 
value- "头条 图 片 >> "> &nbsp;« span class- "infol"» (250 * 140)« /span» « /div» 
</td> 
</tr> 
<tr> 
<td align="right">} z) $ i : < /td> 
«td colspan= "2">< label» « input name- "IsHot" type="radio" 
value- "1"» È< /1abel» « label» « input name- "IsHot" type="radio" 
value- "0" checked» f< /1abel» « /td» 
</tr> 
<tr> 
«td align= "right"> 新 闻 摘 要 : < /td> 
«td colspan= "2"> < textarea name= "NewsInfo" cols- "40" rows= "3" 
id- "NewsInfo">< /textarea>< span class- "infol"» * 120 字 以 内 </span>< /td> 
</tr> 
<tr> 
«td colspan= "3"> 
<FCK:editor id= "NewsContent" 
basePath- "/FCKeditor/" width= "600" height= "400" 
SkinPath= "/FCKeditor/editor/skins/silver/" defaultLanguage- "zh-cn" 
tabSpaces- "8" 
imageBrowserURL- "/FCKeditor/editor/filemanager/browser/default/browser.html? Type- 
Image&Connector- connectors/jsp/connector" 
linkBrowserURL- "/FCKeditor/editor/filemanager/browser/default/browser.html? Connector 
—connectors/jsp/connector" 
flashBrowserURL- "/FCKeditor/editor/filemanager/browser/default/browser. html? Type- 


Flash&Connector- connectors/jsp/connector" 


imageUploadURI- "/FCKeditor/editor/filemanager/upload/simpleuploader? Type- Image" 
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v 


linkUploadURL- "/FCKeditor/editor/filemanager/upload/simpleuploader? Type- File" 
flashUploadURI- "/FCKeditor/editor/filemanager/upload/simpleuploader? Type- Flash"? 
< /FCK:editor» 
</td> 
</tr> 
<tr> 
<td colspan=3 align="center"> < input name= "Bl" type- "button" 
value= "返回 >>" onClick- "location.href- 'ListNews.jsp'"»« input 
name- "AdminName" type- "hidden" id- "AdminName" 
value- "« $ -new User (Integer.parseInt (Session.getAttribute ( 
"AdminID").toString( ))).getName( )% >"> 
&nbsp; «input name- "B2" type="button" id- "B2" value- "增加 >>" 
onClick- "CheckNews ( ) ;"» « /td» 
</tr> 
</table> 
«/form» 
<$% 


(3) 打开 第 7 章 中 建立 的 Admin. Articles. jsp 文件 ,完善 对 应 的 处 理 添加 操作 的 部 分 ， 
所 需 代码 如 程序 8-29 所 示 。 此 处 代码 用 于 处 理 数据 添加 操作 , 即 用 于 进行 数据 处 理 的 业务 
层 , 将 调用 程序 8-27 所 示 的 ArticleManage 类 的 saveArticle(HttpServletRequest request) 
方法 ,把 从 表单 中 接收 的 数据 写 人 数据 库 中 。 

【程序 8-29】 新 闻 管理 模块 表现 层 的 实现 

I3 Example Source Code: 


i else if (Action.equals("save")) ( 
ArticleManager.saveArticle (request) ; 
out.println ("save 操作 成功!"); 
out.println("« SCRIPT LANGUAGE- ' JavaScript '> alert ('del 操作 成 功 ! ') ; location.href= ' 
Admin News.jsp';« /SCRIPT»"); 

} 

任务 2: 实现 修改 操作 

(1) 打开 “com. news. article” 包 中 ArticleManage 类 ,在 修改 新 闻 信 息 的 saveEdit 
(HttpServletRequest request) 方 法 中 添加 如 程序 8-30 所 示 的 代码 。 

此 方法 的 功能 是 修改 一 条 新 闻 . 在 调用 函数 前 要 先 选 定 想 要 修改 的 新 闻 ID, 如 果 没 有 
选 定 ,程序 会 抛 出 异常 ,并 给 出 操作 者 相应 的 出 错 提示 。 然 后 会 对 “新 闻名 称 ”,“ 新 闻 分 类 ” 
等 进行 非 空 判断 和 唯一 性 判断 ,如 果 为 空 时 抛 出 异常 ,也 会 给 出 相应 的 提示 。 如 果 修 改 成 
功 , 则 数据 库 的 新 闻 表 里 对 应 的 那 条 记录 信息 就 更 新 了 。 

【程序 8-30】 saveEdit(HttpServletRequest request) 方 法 

I3 Example Source Code: 

public static void saveEdit (HttpServletRequest request) throws Exception { 

int ID; 
try ( 


ID-ParamUtil.getInt (request, "ID"); 
} catch (Exception e) { 


E 


) 


(2) 打开 第 7 章 中 建立 的 Admin. Articles. jsp 文件 ,完善 对 应 的 修改 界面 的 设计 部 分 ， 
所 需 代码 如 程序 8-31 所 示 。 此 处 代码 用 于 产生 修改 界面 , 即 用 于 呈现 所 修改 数据 的 表单 页 
面 ,而 并 不 是 将 数据 进行 修改 处 理 的 业务 程序 。 
【程序 8-31】 新 闻 管理 模块 表现 层 的 实现 
GJ Example Source Code: 


向 > 
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throw new Exception (" 请 您 选择 ID."); 


String sql= "update Article set ArticleTitle-?, ArticleInfo-?, ArticleContent-? , ArticleKey 


=?, ArticleAuthor-?, ArticleFrom- ?, ArticlePicture-?, MenuID-?, IsHead-?, 


IsHot-?, SpecialID-?, AdminName- ? where ID- "c ID; 


DBConnect dbc- new DBConnect ( ) ; 
dbc.prepareStatement (sql); 


dbc.setString(1, new String (ParamUtil.getString (request, ArticleTitle", ""). 


getBytes ("ISO-8859-1"), "GBK")); 


dbc.setString(2, new String (ParamUtil.getString (request, "ArticleInfo", ""). 


getBytes ("ISO-8859-1"), "GBK")); 


dbc.setString(3, new String (ParamUtil.getString (request, "ArticleContent", 


getBytes ("ISO-8859-1"), "GBK")); 
dbc.setString(4, new String (ParamUtil.getString (request, "ArticleKey", 
getBytes ("ISO-8859-1"), "GBK")); 


dbc.setString(5, new String (ParamUtil.getString (request, "ArticleAuthor", ""). 


getBytes ("ISO-8859-1"), "GBK")); 


dbc.setString(6, new String (ParamUtil.getString (request, "ArticleFrom", ""). 


getBytes ("ISO-8859-1"), "GBK")); 
dbc.setString(7, ParamUtil.getString (request, "ArticlePicture", "")); 
dbc.setInt (8, ParamUtil.getInt (request, "MenuID", 0)); 
dbc.setInt (9, ParamUtil.getInt (request, "IsHead", 0)); 
dbc.setInt (10, ParamUtil.getInt (request, "IsImg", 0)); 
dbc.setInt (11, ParamUtil.getInt (request, "IsHot", 0)); 
dbc.setInt (12, ParamUtil.getInt (request, "SpecialID", 0)); 


dbc.setString(13, new String (ParamUtil.getString (request, "AdminName", ""). 


getBytes ("ISO-8859-1"), "GBK")); 


dbc.executeUpdate ( ) ; 


dbc.close(); 


) else if (Action.equals ("edit")) ( 
Article theNew- (Article) ArticleManager.getArticle (ID); 


« form name- "AddNews" method- "POST" 


action="? Action- saveedit&ID-« $ theNew.getld( )%>" 
onSubmit- "return CheckNews ( );"» 
«table» 


IsImg-?, 
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<tr> 
«td align= "right"> 所 属 大 类 : < /td> 
«td colspan= "2"> 
< select name- "ClassID" size= "1" id-"ClassID" 
onChange- "ChangeLocation (document . AGdNews . ClassID.options [document. AddNews .ClassID. 
selectedIndex].value)"» 
<% 
inti; 
Vector ClassVector- MenuManage .getMenus (0) ; 
if (ClassVector.size( ) »0) ( 
out.println("«option value=\"\"> 请 选择 大 类 < /option»"); 
for (i=0; i<ClassVector.size( ); i++) { 
Menu tempClass- (Menu) ClassVector.get (i); 
out.print ("< option value=\""+ tempClass.getMenuID( )+"\""); 
if (tempClass.getMenuID( )- - theNew.getMenuID( )) 
out.print (" selected"); 
out.println("» "+ tempClass.getMenuName ( )+ "< /option> "); 
) 
} else { 
out.println("«option value=\"\" selected> 暂 无 大 类 < /option>"); 


$> 
</select> 
< span class="infol"> &nbsp; * 请 选择 新 闻 的 类 别 </span> 
< select name- "SpecialID" size="1" id- "SpecialID" 
onChange- "ChangeLocation (document .AddNews .BigClassID.options [document . 
AddNews.BigClassID.selectedIndex].value)"» 
«option selected value= ""> 不 属于 任何 专题 < /option» 
</select> 
</td> 
</tr> 
<tr> 
<td align="right"> fili : </td> 
«td colspan= "2"> 
«input name= "NewsTitle" type="text" id- "NewsTitle" value= "< $% = theNew.getTitle ( )$>" 
size="40" maxlength= "60"> 
</td> 
</tr> 
<tr> 
<td align="right"> X ffi A : « /td» 
«td width= "120"> 
«input name= "NewsAuthor" type="text" id= "NewsAuthor" value= "< $ = theNew.getAuthor 
()$»" size- "10" maxlength= "20"> 
</td> 
<td> 出 处 : <input name="NewsFrom" type="text" id="NewsFrom" 
value= "«$- theNew.getFrom( )%$>" size="10" maxlength- "60" /» « /td» 
«/tr» 
«tr» 
«td align- "right"> 关 键 字 : </td> 
«td colspan= "2"> < input name- "NewsKey" type- "text" id- "NewsKey" 
Value= "«$- theNew.getKey ( ) $» " size- "40" maxlength- "30"» « /td> 
</tr> 
<tr> 


第 8 章 存 取 数 据 库 


«td align- "right"> 图 片 新 闻 : < /td> 
«td»«label»« input type="radio" name- "IsImg" value- "1" 
onClick- "ShowPicture (true) "> f< /1abel» < label» « input 
name- "IsImg" type- "radio" value- "0" checked 
onClick- "ShowPicture (false) "> < /label»« /td> 
«td» 
«div id-"p" style="display: none"> &nbsp; «input 
name= "NewsPicture" type="text" id- "NewsPicture" size-25 
maxlength- "80" style="display: " value- ""»« input 
name= "UpImg" type- "button" id- "UpImg" onClick- "getPicture( )" 
value= "新 闻 图 片 >>"> &nbsp;« span class- "infol"> (130* 80)« /span» « /div» 
« /td» 
</tr> 
<tr> 
<td align= "right"> 头 条 新 闻 : < /td> 
«td»«label»«input type="radio" name- "IsHead" value- "1" 
onClick- "ShowHeadPicture (true)"> 是 </label>< label» < input 
name- "IsHead" type- "radio" value- "0" checked 
onClick- "ShowHeadPicture (false) "> ffi < /label» « /td> 
«td» 
<div id- "pl" style="display: none"> &nbsp; «input 
name- "HeadPicture" type- "text" id- "HeadPicture" size-25 
maxlength- "80" style="display: " value- ""»« input 
name= "UpImg" type- "button" id- "UpImg" onClick- "getHeadPicture( )" 
value- "头条 图 片 >> "> &nbsp;« span class- "infol"» (250 * 140)« /span» « /div» 
</td> 
</tr> 
<tr> 
<td align="right">} z) $i lH] : < /td> 
«td colspan= "2">< label» « input name- "IsHot" type="radio" 
value- "1"» {È< /1abel» « label» « input name- "IsHot" type="radio" 
value- "0" checked» f< /1abel»« /td» 


</tr> 
<tr> 
<td align= "right"> 新 闻 摘 要 : < /td> 
«td colspan- "2"> < textarea name- "NewsInfo" cols- "40" rows- "3" 
id- "NewsInfo"»« $- theNew.getInfo( )%>< /textarea> < span class- "infol"» 
* 120 字 以 内 </span>< /td> 
</tr> 
<tr> 
«td colspan= "3"> 
<FCK:editor id= "NewsContent" 
basePath- "/FCKeditor/" width- "600" height= "400" 
SkinPath- "/FCKeditor/editor/skins/silver/" defaultLanguage- "zh-cn" 
tabSpaces- "8" 


imageBrowserURL- "/FCKeditor/editor/filemanager/browser/default/browser. 
html? Type- Image&Connector- connectors/jsp/connector" 


linkBrowserURL- "/FCKeditor/editor/filemanager/browser/default/browser.html? 
Connector- connectors/jsp/connector" 


flashBrowserURL- "/FCKedi tor/editor/filemanager/browser/default/browser.html? 


e» 
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"Ipe- Flash&Connector- connectors/jsp/connector™ 


imageUploadURIL- "/FCKeditor/editor/filemanager/upload/simpleuploader? Type 
= Image" 


linkUploadURL- "/FCKeditor/editor/filemanager/upload/simpleuploader? 
Type- File" 


flashUploadURIL- "/FCKeditor/editor/filemanager/upload/simpleuploader? Type 
-Flash"» 
«S$-theNew.getContent ( )$ > 
< /FCK:editor» 
</td> 
</tr> 
<tr> 
«td colspan=3 align= "center">< input name- "Bl" type- "button" 
value- "返回 >> " onclick- "location.href- 'ListNews.jsp'"» « input 
name- "Action" type="hidden" id- "Action" value- "Add"» < input 
name- "AdminName" type- "hidden" id- "AdminName" 
value- "«$ - new User (Integer.parseInt (Session.getAttribute ("AdminID"). 
toString( ))).getName( )$» "> 


&nbsp; «input name- "B2" type="submit" id- "B2" value- "增加 >>"></td> 
</tr> 


</table> 
< /form> 
<$% 


(3) 打开 第 7 章 中 建立 的 Admin. Articles. jsp 文件 ,完善 对 应 的 处 理 修改 操作 的 部 分 ， 
所 需 代码 如 程序 8-32 所 示 。 此 处 代码 是 处 理 修改 操作 的 程序 , 即 用 于 进行 数据 处 理 的 业务 
层 , 将 调用 程序 8-30 所 示 的 ArticleManage 类 的 saveEdit (HttpServletRequest request) 方 
法 ,把 从 修改 数据 的 表单 中 接收 的 数据 写 人 数据 库 中 。 

【程序 8-32】 新 闻 管理 模块 表现 层 的 实现 

EJ Example Source Code: 


) else if (Action.equals ("saveedit")) { 
ArticleManager.saveEdit (request) ; 
out.println ("saveedit 操作 成 功 !"); 
out .println ("< SCRIPT LANGUAGE- 'JavaScript'»alert ('del 操作 成 功 !'); 
location.href= 'Admin News.jsp';</SCRIPT>"); 
任务 3: 实现 删除 操作 
(1) 打开 “com. news. article" £P ff] ArticleManage 类 .在 删除 新 闻 信 息 的 delArticles 
(HttpServletRequest request) 方 法 中 添加 如 程序 8-33 所 示 的 代码 。 
程序 8-33 是 删除 一 条 新 闻 的 方法 ,调用 此 方法 要 事先 选择 欲 删除 新 闻 的 ID, 如 果 没 有 
选 定 ,程序 要 抛 出 异常 ,并 给 出 操作 者 相应 的 出 错 提示 :然后 执行 删除 操作 。 如 果 删 除 成 功 ， 
则 数据 库 中 新 闻 表 里 对 应 的 那 条 记录 信息 就 不 存在 了 。 
[EF 8-33] delArticles( HttpServletRequest request) 方 法 
I3 Example Source Code: 


ug. 
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public static void delArticles (HttpServletRequest request) throws Exception ( 
int ArticleID; 
try { 
ArticleID- ParamUtil.getInt (request, "ID"); 
} catch (Exception e) ( 
throw new Exception (" 请 您 选择 新 闻 的 ID."); 
f 
DBConnect dbc- new DBConnect ("delete from Article where id= "+ArticleID); 
dbc.executeUpdate ( ) ; 
dbc.close( ); 
) 
(2) 打开 第 7 章 中 建立 的 Admin. Articles. jsp 文件 ,完善 对 应 的 处 理 删 除 操作 的 部 分 ， 
所 需 代 码 如 程序 8-34 所 示 。 此 处 代码 是 处 理 删除 操作 的 程序 , 即 用 于 进行 数据 处 理 的 业务 
层 , 将 调用 程序 8-33 所 示 的 ArticleManage 类 的 delArticles (HttpServletRequest request) 
方法 ,直接 从 数据 库 中 将 所 选 数据 删除 。 
【程序 8-34】 新 闻 管 理 模块 表现 层 的 实现 
BE Example Source Code: 
) else if (Action.equals ("del")) ( 
ArticleManager.delArticles (request) ; 
out.println("« SCRIPT LANGUAGE- ' JavaScript'»alert ('del 操作 成 功 ! ') ; 1ocation.href 
= "Rdmin News.jsp';« /SCRIPT» "); 


8.4.8 相关 知识 拓展 


在 线 编辑 器 对 于 新 闻 产 品 之 类 的 网 站 是 很 重要 的 , 它 使 网 站 管理 员 可 以 像 在 Word 中 
编辑 文字 一 样 对 发 布 的 内 容 进行 编辑 。 在 “新 闻 类 别 网 站 ”的 新 闻 发 布 中 使 用 了 FCKeditor 
在 线 编辑 器 来 编辑 将 要 发 布 的 内 容 , 具 体 调 用 方式 采用 的 是 FCKeditor 标签 实现 的 。 


1. FCKeditor 简介 


FCKeditor 是 一 个 专门 使 用 在 网 页 上 属于 开放 源 代码 的 所 见 即 所 得 式 文字 编辑 器 。 它 
注重 于 轻 量化 ,不 需要 太 复 杂 的 安装 步骤 即 可 使 用 。 它 可 和 PHP、JavaScript、ASP、ASP. 
NET ,ColdFusion,Java 以 及 ABAP 等 不 同 的 编程 语言 相 结 合 。FCKeditor 名 称 中 的 FCK 
是 这 个 编辑 器 的 作者 名 字 Frederico Caldeira Knabben 的 缩写 。 

FCKeditor 控件 可 以 到 官方 网 站 http://www. fckeditor. net 中 下 载 , 本 例 主 要 用 到 
FCKeditor. 2. 6. 3. zip, FCKeditor-java-demo-2. 4. 1. zip, FCKeditor-java-2. 4. 1-bin. zip 里 面 的 一 
些 内 容 , 读 者 可 以 自行 下 载 。 由 于 版 本 更 新 快 .针对 不 同 版 本 的 具体 设置 可 参考 网 上 资料 。 


2. 使 用 FCKeditor 的 方式 
在 页 面 中 使 用 FCKeditor 有 两 种 方式 。 方 式 一 是 JavaScript, 方 式 二 是 利用 标签 使 用 


FCKeditor, 


(1) JavaScript 方式 
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CD 在 JavaScript 中 直接 使 用 FCKeditor, 如 程序 8-35 所 示 。 
【程序 8-35】 methodl. html 


< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"» 
<html> 
<head> 
<script type= "text/javascript" src="fckeditor/fckeditor.js"></script> 
< /head» 
<body> 
方法 一 : 通过 Javascript 来 实现 的 在 线 编辑 器 导 人 <br> 
<script type- "text/javascript"> 
var oFCKeditor- new FCKeditor('FCKeditorl') ; 
oFCKeditor.BasePath- "fckeditor/"; 
/ /oFCKeditor.BasePath- "/FCKEditTest/fckeditor/"; 
oFCKeditor.Width- "50$ "; 
oFCKeditor.Height- "400"; 
oFCKeditor.Value- "initial value"; 
/ /oFCKeditor.ToolbarSet- "Basic"; 
// 默 认 是 default 
oFCKeditor.ToolbarSet- "Default"; 
oFCKeditor.Create() ; 
« /script» 
«hr» 
< /body» 
</html> 


效果 如 图 8-5 所 示 o 
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图 8-5 FCKeditor JavaScript 方式 调用 界面 


© 通过 Textarea 使 用 FCKeditor, 如 程序 8-36 所 示 。 
【程序 8-36】 method2. html 


< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

«html» 

<head> 

<script type= "text/javascript" src= "fckeditor/fckeditor.js"»« /script» 
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<script type= "text/javascript"» 

window.onload- function( ){ 
var oFCKeditor- new FCKeditor ('MyTextarea') ; 
oFCKeditor.BasePath- "fckeditor/"; 
/ /oFCKeditor.BasePath = "/FCKEditTest/fckeditor/"; 
oFCKeditor.ReplaceTextarea ( ); 

} 

</script> 

< /head» 

<body> 
方法 二 : 通过 Textarea 来 实现 的 在 线 编辑 器 导入 <br> 


< textarea rows="4" cols="60" name- "MyTextarea"> this is a Value< /textarea> 


< /body> 
</html> 


效果 如 图 8-6 所 示 。 
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图 8-6 FCKeditorTextarea 方式 调用 界面 


(2) 利用 标签 使 用 FCKeditor 


在 使 用 标签 之 前 ,需要 搭建 环境 。 将 fckeditor-java-2. 4. 1-bin. zip 包 中 的 fckeditor-java- 
core-2. 4. 1. jar. commons-fileupload-1. 2. 1. jar .commons-io-1. 3. 2. jar, slf4j-api-1. 5. 2. jar 以 及 包 
Íckeditor-java-demo-2. 4. 1. zip 中 的 slf4j-simple-1. 5. 2. jar 复制 到 lib 目录 下 ,并 构建 环境 。 

构建 完 后 ,就 可 以 在 JSP 页 面 中 调用 FCKeditor 了 .如 程序 8-37 所 示 。 在 “新 闻 类 别 网 


站 ”的 新 闻 发 布 中 就 是 采用 这 种 方式 调用 FCKeditor 在 线 编辑 器 的 。 
【程序 8-37】 method jsp. jsp 


«$ Qpage language- "java" import- "java.util. * " pageEncoding- "utf-8"$ > 
<$% Gtaglib uri- "http://java.fckeditor.net" prefix- "FCK"$» 

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"» 
<html> 

<head> 

<title>method jsp.jsp«/title» 

< /head> 

<body> 


网 站 项 目 规划 与 设计 a 


早 些 版 本 必须 将 fckeditor 的 Value 属性 必须 指定 对 应 的 值 , 且 值 不 能 为 空 。 而 此 处 版 本 是 2.6.3, X 
问题 已 经 解决 。 

<FCK:editor instanceName- "myEditor" basePath- "/fckeditor"» « /FCK:editor> 

< /body» 

</html> 


8.4.4 经 验 总 结 


在 基于 Java 的 编程 中 ,经 常会 碰 到 汉字 处 理 及 显示 出 现 问题 ,比如 一 大 堆 乱 码 或 问号 。 
这 是 因为 Java 中 默认 的 编码 方式 是 unicode, 而 中 国人 通常 使 用 的 文件 和 DB 都 是 基于 
GB2312 或 者 BIG5 等 编码 , 故 会 出 现 此 问题 。 

CD 在 网 页 中 输出 中 文 

Java 在 网 络 传输 中 使 用 的 编码 是 "ISO-8859-1”, 故 在 输出 时 需要 进行 转化 ,如 : 


String str- "p"; 
str-new String (str.getBytes ("GB2312"),"8859 1"); 


假如 在 编译 程序 时 ,使 用 的 编码 是 *GB2312”, 而 且 是 在 中 文平 台 上 运行 此 程序 ,不 会 出 
现 此 问题 ,不 需要 转化 。 

(2) 从 参数 中 读 取 中 文 

这 正好 与 在 网 页 中 输出 相反 。 如 : 


str-new String (str.getBytes ("8859 1"),"GB2312"); 


(3) 操作 DB 中 的 中 文 问题 
一 个 较 简 单 的 方法 是 : 在 “控制 面板 ”中 ,把 “区 域 ” 设 置 为 “英语 (美国 )”。 假 如 还 会 出 
现 乱码 ,还 可 进行 如 下 设置 : 


取 中 文 时 : str=new String (str.getBytes ("GB2312")); 
向 DB 中 输入 中 文 : str=new String (str.getBytes ("ISO-8859-1")); 


(4) 解决 JSP 中 的 中 文 问题 
假如 中 文 不 能 正常 显示 .可 进行 下 面 的 转换 ,如 : 


name- new String (name.getBytes ("ISO-8859-1"), "GBK") ; 


就 不 会 出 现 中 文 问 题 了 。 


8.5 新 闻 的 查询 
8.5.1 任务 描述 


利用 Eclipse 实现 “新 闻 类 别 网 站 ”的 新 闻 查 询 模 块 。 
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8.5.2 任务 实现 


具体 操作 步骤 如 下 : 

(1) 打开 “com. news. article” 包 中 的 ArticleManage 类 ,在 获取 指定 ArticleID 新 闻 的 
getArticleCint ArticleID) 方 法 中 添加 如 程序 8-38 所 示 的 代码 。 

此 方法 的 功能 是 获取 指定 ArticleID 的 新 闻 。 如 果 有 异常 发 生 时 ,将 产生 Article 
NotFoundException 异常 ,如 果 执 行 成 功 , 则 会 返回 类 型 为 Article 的 指定 ID 的 新 闻 。 

【程序 8-38】 sgetArticleCint ArticleID) 方法 

BE Example Source Code: 


public static Article getArticle(int ArticleID) throws ArticleNotFoundException ( 


DBConnect dbc; 
try { 
dbc=new DBConnect ("select * from Article where id="+ ArticleID); 
ResultSet rs= dbc.executeQuery( ); 
if (!rs.next()) 
throw new Exception (" 对 不 起 ,没有 发 现 此 新 闻 !"); 
// xs.next( ); 
Article tempArticle- new Article( ); 


tempArticle.setId(rs.getInt (1)); 
tempArticle.setTitle(rs.getString(2)); 
tempArticle.setInfo (rs.getString(3)); 
tempArticle.setContent (rs.getString(4)); 
tempArticle.setKey (rs.getString(5)); 
tempArticle.setAuthor (rs.getString(6)); 
tempArticle.setFrom(rs.getString(7)); 
tempArticle.setAddTime (rs.getString(8)); 
tempArticle.setPicture (rs.getString(9)); 
tempArticle.setMenuID (rs.getInt (10)); 
tempArticle.setIsHead (rs.getInt (11)); 
tempArticle.setIsImg (rs.getInt (12)); 
tempArticle.setIsHot (rs.getInt (13)); 
tempArticle.setSpecialID (rs.getInt (14)); 
tempArticle.setAdminName (rs.getString(15)); 
tempArticle.setHit (rs.getInt (16)); 


return tempArticle; 
} catch (Exception e) ( 
e.printStackTrace( ); 
throw new ArticleNotFoundException( ); 


} 


(2) 打开 “com. news. article” 包 中 的 ArticleManage 类 ,在 获取 指定 MenuID 和 类 别 新 
闻 的 getArticles(int MenulD.String type) 方 法 中 添加 如 程序 8-39 所 示 的 代码 。 
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此 方法 的 功能 是 获取 父 ID 为 MenuID 的 所 有 新 闻 , 即 返回 该 新 闻 分 类 下 的 所 有 新 闻 。 
在 调用 方法 时 会 根据 type 的 不 同形 成 不 同 的 结果 ,从 而 使 方法 的 功能 更 加 强大 。 如 果 有 蜡 
常 发 生 时 ,将 产生 ArticleNotFoundException 异常 ;如 果 执 行 成 功 , 则 会 返回 指定 新 闻 分 类 
下 的 指定 分 类 下 的 所 有 新 闻 。 


【程序 8-39】 getArticles(int MenulD.String type) 方法 
@J Example Source Code: 


public static Vector getArticles (int MenuID.String type) throws ArticleNotFound 


Exception ( 
DBConnect dbc; 
String sql- "select * from Article where MenuID- "+ MenuID; 
try ( 
if (type--"hot")( 
Sql*-" order by Hit desc.ArticleTime DESC"; 
Jelse if (type-- "new")( 
Sql*-" order by ArticleTime DESC"; 
Jelse if (type-- "HH")( 
Sql*-" order by Hit desc.ArticleTime DESC"; 
Jelse 
sql+=" order by ID desc. ArticleTime DESC"; 


dbc- new DBConnect (sql) 7 
ResultSet rs- dbc.executeQuery( ); 
Vector articleVector- new Vector ( ); 
while (rs.next( )) ( 

Article tempArticle- new Article( ); 


tempArticle.setId(rs.getInt (1)); 
tempArticle.setTitle (rs.getString(2)); 
tempArticle.setInfo (rs.getString(3)); 
tempArticle.setContent (rs.getString (4)); 
tempArticle.setKey (rs.getString(5)); 
tempArticle.setAuthor (rs.getString(6)); 
tempArticle.setFrom(rs.getString(7)); 
tempArticle.setAddTime (rs.getString (8)); 
tempArticle.setPicture (rs.getString(9)); 
tempArticle.setMenuID (rs.getInt (10)); 
tempArticle.setIsHead(rs.getInt (11)); 
tempArticle.setIsImg (rs.getInt (12)); 
tempArticle.setIsHot (rs.getInt (13)); 
tempArticle.setSpecialID(rs.getInt (14)); 
tempArticle.setAdminName (rs.getString(15)); 
tempArticle.setHit (rs.getInt (16)); 


articleVector.add (tempArticle); 
} 


dbc.close( ); 
return articleVector; 


} catch (Exception e) ( 
e.printStackTrace( ); 
throw new ArticleNotFoundException( ); 


} 
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(3) 打开 “com. news. article” 包 中 的 ArticleManage 类 ,在 获取 所 有 新 闻 的 getArticles( ) 方 


法 中 添加 如 程序 8-40 所 示 的 代码 。 


此 方法 的 功能 是 获取 所 有 新 闻 , 在 调用 方法 时 会 对 新闻” 按照 ID 进行 排序 。 如 果 有 蜡 
常 发 生 时 ,将 产生 ArticleNotFoundException 异常 ;如 果 执 行 成 功 , 则 会 返回 由 所 有 新 闻 组 


成 的 Vector 类 型 变量 。 
【程序 8-40】 getArticlesC ) 方法 
BE Example Source Code: 
public static Vector getArticles( ) throws ArticleNotFoundException ( 


DBConnect dbc; 
try { 


dbc=new DBConnect ("SELECT * FROM Article ORDER BY ID DESC"); 


ResultSet rs=dbc.executeQuery ( ); 
Vector articleVector=new Vector ( ); 
while (rs.next( )) { 

Article tempArticle- new Article( ); 


tempArticle.setId(rs.getInt (1)); 
tempArticle.setTitle (rs.getString(2)); 
tempArticle.setInfo (rs.getString(3)); 
tempArticle.setContent (rs.getString (4) ); 
tempArticle.setKey (rs.getString(5)); 
tempArticle.setAuthor (rs.getString(6)); 
tempArticle.setFrom(rs.getString(7)); 
tempArticle.setAddTime (rs.getString (8)); 
tempArticle.setPicture (rs.getString(9)); 
tempArticle.setMenuID (rs.getInt (10)); 
tempArticle.setIsHead(rs.getInt (11)); 
tempArticle.setIsImg (rs.getInt (12)); 
tempArticle.setIsHot (rs.getInt (13)); 
tempArticle.setSpecialID(rs.getInt (14)); 
tempArticle.setAdminName (rs.getString(15)); 
tempArticle.setHit (rs.getInt (16)); 


articleVector.add (tempArticle); 
) 
dbc.close( ); 
return articleVector; 
} catch (Exception e) { 
e.printStackTrace( ); 
throw new ArticleNotFoundException( ); 
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(4) 打开 “com. news. article" £r f] ArticleManage 类 ,在 用 于 获取 ID 为 MenuID 的 所 
有 新 闻 的 getArticles (int MenuID) 方 法 中 添加 如 程序 8-41 所 示 的 代码 。 

此 方法 的 功能 是 获取 ID 为 MenuID 的 所 有 新 闻 , 即 返回 该 新 闻 分 类 下 的 所 有 新 闻 。 如 果 
有 异常 发 生 时 ,将 产生 Exception 异常 ;如 果 执 行 成 功 , 则 会 返回 指定 新 闻 分 类 下 的 所 有 新 闻 。 

[EF 8-41] getArticles (int MenuID) 方法 

EJ Example Source Code: 


public static Vector getArticles (int MenuID) throws Exception ( 
try { 
Vector articleVector=new Vector ( ); 
articleVector=gArticles (MenuID) ; 
Vector menuVector-new Vector ( ); 
menuVector- MenuManage . getMenus (MenuID) ; 
inti; 
if (menuVector.size( )>0) ( 
for (i-0; i«menuVector.size(); i++) ( 
Menu tempMenu = (Menu)menuVector.get (i); 
if (getArticles (tempMenu.getMenuID( )) .size( )>0) ( 
int j; 
for (j=0; j«getArticles (tempMenu.getMenuID( )) .size( ); j++) ( 
Article theNews- (Article) getArticles( 
tempMenu.getMenuID( )) .get (j); 
articleVector.add (theNews) ; 


} 
} 
return articleVector; 
} catch (Exception e) { 
e.printstackTrace( ); 
throw new Exception ("请 您 选择 新 闻 的 ID."); 


} 


(5) 打开 第 7 章 中 建立 的 Admin_Articles. jsp 文件 ,完善 对 应 的 处 理 删 除 操作 的 部 分 ， 
所 需 代码 如 程序 8-42 所 示 。 此 处 代码 是 用 于 处 理 新 查询 操作 , 即 用 于 进行 数据 处 理 的 业务 
层 , 将 调用 ArticleManage 类 的 相应 方法 .直接 从 数据 库 中 查找 相应 的 数据 ,并 显示 出 来 。 

【程序 8-42】 新 闻 管理 模块 表现 层 的 实现 

i33 Example Source Code: 


if (Action.equals ("list")) ( 
Vector news; 
if (ClassID-- 0) 
news- ArticleManager.getArticles( ); 
else 


news- ArticleManager.getArticles (ClassID); 
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< form name- "searchuser" method- "POST" action="">< select 
name- "ClassID" id- "ClassID"» 
<option value= "0"> 请 选择 分 类 < /option» 
«option value= "1">1< /option> 
<option value= "2"> 2< /option> 
</select>< input type- "Title" name- "Title" size= "30"> < select name= "Row' 
id-"Row"» 
<option value- "1"> 按 标题 < /option» 
«option value= "2"> 按 内 容 < /option» 
«option value- "3"> 关 键 字 < /option» 
</select>< input type= "submit" value= "查询 " name= "title">< /form> 


<table> 
«tr» 
«th» ID< /th> 
<th> 标 题 < /th> 
<th> 分 类 < /th> 
<th> 作 者 </th> 
<th> 添 加 时 间 < /th> 
<th> 操 作 < /th> 
</tr> 
<$% 
int i; 
int orders- ParamUtil.getInt (request, "orders", 7); 
int usersNum- news.size(); 
int Page- ParamUtil.getInt (request, "Page", 1); 
for (i= (Page-1) * 5; i«Page * 5; i++) ( 
if (i»-usersNum) 
break; 
Article theNews- (Article) news.get (i); 
$> 
<tr> 
<td><input name= "ID" type- "checkbox" id- "ID" 
value- "«$ -theNews.getlId( )$»" />< /td» 
<td><a href- "Content.jsp? ID- « $ - theNews.getId( )$» "»«$-Format.CutStr 
(theNews.getTitle( ), 25)%>< /a»« /td> 
«td» < $ = new Menu (theNews .getMenuID( )) .getMenuName ( )% >< /td> 
«td»«$-theNews.getAuthor( )$»« /td> 
«td»«$-theNews.getAddTime ( )% >< /td> 
<td><a href="? Action-edit&ID-« %=theNews.getId( )%>">{# M< /a» |«a 
href="? Action=del&ID=< $ -theNews.getId( )%>"> 删 除 </a>< /td» 
</tr> 
<% 
} 
$> 
<tr> 
<td colspan="6" align="center"> 
<% 
int totalPages=usersNum/5+ 1; 
if (Page==0) 
Page=1; 


out.println(" 共 "+totalPages+" 页 第 "4Pager" 页 "); 


网 站 项 目 规划 与 设计 


if (Page--1 || totalPages--1) 
out.println("«font color-gray» Ñ Jí 前 页 < /font»"); 
else 
out.println("«a href=? Page- 1&orders- "+ orders 
T'"&txtitle-" 
+ ParamUtil.getString (request, "txtitle", "") 
+"> 首 页 </a> <a href=?Page="+ (Page-1) 
*"&orders- "torders* "&txtitle- " 
*ParamUtil.getString (request, "txtitle", "") 
+"> 前 页 < /a>"); 


if (Page==totalPages || totalPages==1) 
out.println(" «font color-gray»/r Ji 尾 页 < /font>"); 
else 
out.println(" <a href=? Page="+ (Page+ 1)* "&orders-" 
+Orders+ "&txtitle-" 
* ParamUtil.getString (request, "txtitle", "") 
+"> 后 页 </a> <a href-?Page- "4totalPages 
* "&orders- "*orders* "&txtitle=" 
*ParamUtil.getString (request, "txtitle", "") 
+"> 尾 页 < /a»"); 
$> 
</td> 
</tr> 
</table> 
<$% 


8.5.3 相关 知识 拓展 


分 页 是 一 种 常用 的 页 面 数据 显示 技术 ,分 页 是 通过 减少 页 面 数 据 处 理 量 来 提高 系统 的 
性 能 。 分 页 是 做 Web 开发 必须 掌握 的 一 个 小 技术 ,但 分 页 却 是 复杂 的 ,并 不 是 分 页 技术 有 
多 复杂 ,而 是 有 太 多 的 重复 代码 , 且 这 些 代码 都 难以 重用 。 所 以 重要 的 是 把 这 些 分 页 代码 和 
业务 逻辑 分 离 , 同 时 提供 足够 的 方便 性 。 下 面 总 结 一 下 分 页 的 几 种 方案 。 


1. 数据 岛 


后 台 将 数据 封装 到 XML 格式 的 文本 串 中 ,将 该 文本 串 传 人 前 台 , 巾 JS 解析 出 特定 页 
的 数据 ,并 显示 出 来 。 

这 种 方式 的 优点 是 : 数据 传输 方便 , 且 XML 本 身 的 特点 (这 里 主要 是 扩展 性 ,可 以 根据 
自己 的 需要 自 定义 XML 的 格式 ) 可 以 发 挥 出 来 ;分 页 功能 在 一 定 程度 上 可 复 用 (JS 接收 
XML. ,与 业务 逻辑 相 分 离 ) 一 次 传输 多 页 甚至 全 部 数据 (根据 数据 量 权 衡 ), 可 以 减少 与 数 
据 库 的 交互 。 

这 种 方式 的 缺点 是 : 实时 性 差 ,第 一 次 访问 速度 欠 佳 (因为 第 一 次 一 般 会 取出 比较 多 的 
数据 ) ;过 于 依赖 JS, 虽 然 简化 了 数据 的 显示 .但 是 后 续 工 作 的 难度 却 加 大 了 ,如 取 值 验证 ， 
另外 ,JS 是 一 种 结构 化 的 弱 类 型 的 语言 , 它 的 灵活 性 直接 使 调试 的 难度 加 大 , 它 的 大 量 使 用 
导致 程序 难以 维护 。 
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2. 简化 后 的 数据 岛 


这 种 方法 直接 使 用 DHTML 的 特性 。TABLE 的 dataSrc 属性 和 nextPage 等 翻 页 方 
法 ,相对 简单 地 解决 了 分 页 问题 。 


3. OO(Object Orient) 方 法 


这 种 方法 是 定义 一 个 分 页 接口 ,在 其 中 定义 一 系列 的 标准 操作 ,在 一 个 抽象 类 中 实现 该 
接口 ,完成 分 页 逻辑 ,同时 对 外 提供 两 个 抽象 方法 (Hook method) : 

int getTotalCount ( ); // 取 得 所 有 记录 的 数目 

List getPageDate (int startRow, int rowCount) // 取 得 从 startRow 开始 的 rowcount 条 记录 

使 用 时 ,只 需 覆 盖 这 两 个 方法 ,就 可 以 完成 与 业务 逻辑 的 对 接 (Template Method), iX 
种 方法 的 优点 是 : 面向 对 象 , 易 复 用 、 易 扩展 、 易 理解 :与 具体 的 业务 .框架 .数据 源 分 离 ; 前 
台 (JSP) 页 面 上 的 代码 也 可 复 用 ,基本 不 变 ;相对 第 一 种 方法 而 言 , 取 值 、 验 证 简单 了 。 这 种 
方法 的 缺点 是 : 每 显示 一 页 都 需要 访问 数据 源 , 对 数据 没有 “缓存 ”功能 ,但 可 用 数据 库 连 接 
池 ( 和 Session) 弥 补 。 

最 后 “新闻 类 别 网 站 ”作为 管理 信息 系统 ,必然 会 涉及 大 量 数据 在 前 台 页 面 上 的 列表 显 
示 , 这 就 要 求 系统 具有 分 页 显示 数据 信息 的 功能 。 在 此 总 结 一 下 完成 分 页 功能 的 方法 , 即 在 
Bean 中 实现 分 页 功能 和 在 JSP 页 面 中 实现 分 页 功能 。 其 实现 原理 都 是 在 数据 库 中 检索 出 
要 显示 的 记录 ,根据 所 设 定 的 每 页 记录 数 算出 总 页 数 ,在 页 面 上 显示 时 ,根据 传 回 的 页 码 值 
决定 当前 要 显示 的 页 的 记录 。 

另 一 种 分 页 的 思路 是 将 查询 结果 缓存 在 HttpSession 或 有 状态 Bean 中 , 翻 页 的 时 候 从 
缓存 中 取出 一 页 数据 来 显示 ,这 种 方法 有 两 个 主要 的 缺点 : 一 是 用 户 可 能 看 到 的 是 过 期 数 
据 ; 二 是 如 果 数 据 量 非常 大 , 则 第 一 次 查询 遍历 结果 集会 耗费 很 长 时 间 , 并 且 缓 存 的 数据 也 
会 占用 大 量 内 存 ,效率 明显 下 降 。 

还 有 一 种 思路 是 每 次 翻 页 的 时 候 只 从 数据 库 里 检索 页 面 大 小 的 块 区 的 数据 。 这 样 虽然 
每 次 翻 页 都 需要 查询 数据 库 , 但 查询 出 的 记录 数 很 少 ,网 络 传输 数据 量 不 大 。 


8.5.4 ”经验 总 结 


在 Web 程序 中 查询 会 被 频繁 使 用 ,但 查询 的 实现 细节 却 是 编程 过 程 中 比较 麻烦 的 事 
情 。 大 多 分 页 显示 的 查询 操作 都 同时 需要 处 理 复杂 的 多 重 查 询 条 件 ,SQL 语句 需要 动态 拼 
接 组 成 ,再 加 上 分 页 需要 的 记录 定位 ,总 记录 条 数 查询 以 及 查询 结果 的 遍历 .封装 和 显示 , 程 
序 会 变 得 很 复杂 并 且 难 以 理解 。 

一 般 来 说 只 要 和 弄 清楚 条 件 的 构成 查询 和 显示 的 问题 ,就 不 难 实现 查询 。 在 实现 查询 时 
按照 接受 查询 参数 .形成 记录 集 ,数据 显示 和 显示 新 的 参数 来 实现 就 可 以 了 。 不 过 需要 注意 
参数 的 传递 是 通过 两 种 方式 实现 的 , 既 可 以 通过 表单 传递 ,也 可 以 通过 查询 字符 串 传 递 。 


8.6 实 训 


根据 本 章 所 述 内 容 , 完 成 “新 闻 类 别 网 站 ”对 数据 库 操作 的 编程 任务 。 


DOO 


e 
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网 页 制作 完成 后 ,在 正式 上 传 到 服务 器 之 前 ,还 有 一 项 很 重要 的 工作 要 做 , 那 就 是 网 站 
的 测试 。 网 站 测试 的 目的 是 尽 可 能 多 地 发 现 浏览 器 端 和 服务 器 端 程序 中 的 错误 并 及 时 加 以 
修正 ,以 保证 网 站 的 质量 。 网 站 测试 主要 包括 功能 测试 ,性 能 测试 .兼容 性 测试 .可 用 性 测试 
和 安全 性 测试 等 。 


9.1 测试 网 站 的 功能 


$ 知识 储备 


网 站 的 功能 测试 ,是 指 检查 网 站 是 否 实现 了 网 站 需求 分 析 时 定义 的 网 站 功能 。 网 站 功 
能 测试 时 的 测试 任务 具体 包括 内 容 测 试 . 链 接 测 试 . 表 单 测试 等 。 

1. 内 容 测试 

内 容 测试 是 测试 网 页 上 的 内 容 是 否 被 正常 显示 和 准确 表述 。 测 试 时 需要 检查 网 站 所 有 
的 网 页 上 是 否 有 文本 拼写 错误 、 语 法 错误 、 图 片 显示 错误 等 。 

内 容 测试 其 实 就 像 编辑 审 校 工作 一 样 ,专门 检验 各 个 网 页 信息 的 正确 性 和 准确 性 。 首 
先 , 要 检查 网 站 上 发 布 的 信息 是 不 是 正确 的 、 真 实 无 误 的 ,例如 ,需要 检查 网 站 上 发 布 的 各 种 
通信 信息 是 否 正确 ,包括 电话 .通信 地 址 `E-mail 信息 等 。 其 次 ,要 查看 网 页 信息 的 文字 表 
述 是 否 恰当 ,是 否 符合 语法 远 辑 ,是 否 存在 拼写 错误 。 

2, 链接 测试 

链接 测试 主要 是 检查 网 页 中 是 否 有 错误 的 超级 链接 ,包括 文字 链接 、 图 片 链 接 、 服 务 器 
端 程序 链接 等 。Dreamweaver 软件 提供 了 链接 测试 的 功能 ,可 以 完成 网 站 中 页 面 链接 的 测 
试 任务 。 

3. 表单 测试 

表单 是 用 来 向 服务 器 提交 信息 的 , 它 提供 了 一 种 允许 用 户 从 键盘 输入 或 用 鼠标 选择 信 
息 的 交互 式 界面 ,实现 了 网 页 中 的 数据 获取 功能 ,例如 用 户 注册 界面 登录 界 面 等 。 表 单 测 
试 就 是 测试 表单 中 所 提交 的 信息 是 否 正 确 。 例 如 ,用 户 填写 的 密码 与 确认 密码 是 否 相 同 、 填 
写 的 邮箱 地 址 是 否 包 括 @、 填 写 的 出 生日 期 与 职业 是 否 恰当 ,填写 的 所 属 省 份 与 所 在 城市 是 
否 相 匹配 等 。 
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9.1.1 任务 描述 
“新 闻 类 别 网 站 ”的 测试 工作 任务 之 一 : 完成 网 站 的 功能 测试 。 
9.1.2 任务 实现 


“新 闻 类 别 网 站 ”的 功能 测试 分 三 个 任务 : 
任务 1 实施 内 容 测试 
任务 2 实施 链接 测试 
任务 3 实施 表单 测试 
任务 1: 实施 内 容 测 试 
有 具体 操作 步骤 如 下 : 
(1) 打开 “新 闻 类 别 网 站 ”主页 , 先 检查 主页 中 是 否 有 内 容错 误 , 如 图 9-1 所 示 。 具 体 需 
要 检查 的 有 : 图 片 或 动画 是 否 能 正常 显示 ,网 页 文字 是 和 否 有 语法 错误 和 拼写 错误 ,标题 .日 
期 地址 等 信息 是 否 正确 等 。 如 果 发 现存 在 错误 内 容 , 则 通过 修改 页 面 代 码 、 文 本 或 者 数据 
库 中 的 数据 ,使 其 变 为 正确 状态 。 


红 à n 学 校 首页 设 为 首页 | EMER | 联系 我 们 
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[uz E] 面 对 铁 水 充足 供 结 一 烽 钢 厂 “强身 健 仁 " GP HET 2005-01-09 
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UZE] 公司 团委 发 :第 三 期 计算 机 网 络 知识 二 训 班 考试 成 二 2005-02-10 
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图 9-1 检查 网 站 主页 


(2) 依次 单 击 主页 上 的 所 有 新 闻 链 接 ,检查 所 有 打开 页 面 的 新 闻 内 容 , 如 果 有 内 容错 误 
则 进行 修改 。 

G) 单 击 主页 底部 的 “管理 入 口 ”, 进 入 后 台 管 理 页 面 .如 图 9-2 所 示 。 后 台 管 理 功 能 包 
括 系统 管理 .新 闻 管理 .用户 管 理 等 。 检 查 每 一 项 后 台 功 能 对 应 的 页 面 是 否 有 错误 ,有 则 


| 


网 站 项 目 规划 与 设计 


RASA: 设置 
后 全 管理 参数 : 设置 
用 户 管理 等 页 显示 记录 数 : ho 参数 : 为 (1-009) 之 间 失 整数 : 


Gmeowmam: Bo — 
首页 头条 新 闻 条 数 : p ———— 


首页 晤 新 文字 新 闻 条 数 : ho 请 设置 为 5 的 倍数 : 
首页 最 新 图 片 新 闻 条 数 : 后。 请 设置 为 3 的 倍数 : 
首页 调用 大 类 文字 新 闻 条 数 : [n 请 设 轩 为 5 代数 : 


首页 调用 大 类 图 片 新 闻 条 数 : E 请 设置 为 3 的 入 数 : 
首页 显示 专题 数 : hu 
SUETSeEGWUM: [o 


xmas: RO — 
xm mm: [T 
cTBEaGunam: [o ” ”请 讼 置 为 5 的 倍数 : 


图 9-2 后 台 管 理 页 面 


任务 2: 实施 链接 测试 

具体 操作 步骤 如 下 : 

CD 选择 需要 检查 链接 的 页 面 .选择 Dreamweaver 菜单 中 的 【窗口 ] 民 结果] 命令 ,打开 
【结果 】 对 话 框 ,如 图 9-3 所 示 。 


UVAR BE 参考 | 验证 | 浏览 器 兼容 性 检查 | 链接 检查 器 | MARE | FTP 记 录 | 服务 器 调试 “ 汉 
文件 匹配 文本 z 


图 9-3 【结果 对话 框 


(2) 在 【结果 对 话 框 中 , 单 击 【链接 检查 器 标签 。 在 【显示 下 拉 列 表 框 中 选择 要 使 用 
的 链接 检查 方式 ,此 处 选择 “ 断 掉 的 链接 ”, 如 图 9-4 所 示 。 


z 

1 Y 结 果 搜索 | 参考 | 验证 | 浏览 器 兼容 性 检查 SELES MARS | FTP 记 录 | 服务 器 调试 x 
ERO: 人 链接 文件 在 本 地 磁盘 没有 找 开 ) 

区 


文件 断 掉 的 链接 


© 
a 


图 9-4 【链接 检查 器 ] 对 话 框 


小 贴 士 
Dreamweaver 中 提供 的 链接 测试 有 : 断 掉 的 链接 、 外 部 链接 和 孤立 文件 。 
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(1) 断 掉 的 链接 测试 

断 掉 的 链接 测试 是 测试 站 点 或 文档 中 是 否 有 断 开 的 链接 , 即 菜 一 链接 没有 正确 链接 到 
它 应 该 链接 的 页 面 。 

(2) 外 部 链接 测试 

外 部 链接 测试 是 显示 所 有 的 外 部 链接 , 即 链接 到 本 网 站 外 部 的 链接 。 

G) 孤立 文件 测试 

孤立 文件 测试 是 测试 站 点 中 是 否 存 在 孤立 的 网 页 , 即 没有 链接 指向 该 页 面 。【 孤 立 文 
件 】 选 项 只 在 【检查 整个 当前 本 地 站 点 的 链接 了 (此 选项 参见 如 图 9-5 所 示 ) 操 作 中 才 有 效 。 

(3) 单 击 【结果 了】 面板 左 侧 的 绿色 三 角 箭 头 按钮 ,在 弹出 的 下 拉 菜 单 中 选择 “链接 检测 的 
范围 ”, 如 图 9-5 所 示 。 


UYAR 搜索 | 参考 HIINRHESHES MELES MANE | FP 记录 | RAME 5 
Ecc [mum — ej | mpm 
区 


[3 点 的 链接 (E) 
检查 站 点 中 所 选 文件 的 链接 (LX5) 


图 9-5 【检测 范围 】 下 拉 菜 单 


(EE) 小 贴 士 

Dreamweaver 允许 检测 当前 文档 的 链接 、 整 个 站 点 的 链接 或 部 分 站 点 文件 中 的 链接 。 

选择 “检查 当前 文档 中 的 链接 ”, 则 弹出 显示 当前 文档 中 链接 检查 的 报告 单 。 

选择 “检查 整个 当前 本 地 站 点 的 链接 ”, 则 对 整个 站 点 进行 检查 。 

选择 “检查 站 点 中 所 选 文件 的 链接 ”, 则 可 以 针对 部 分 文档 进行 检查 。 

(4) 在 【显示 】 下 拉 列 表 框 中 选择 “ 断 掉 的 链接 ”, 检 查 范围 是 “检查 整个 当前 本 地 站 点 的 
链接 ”, 则 在 面板 中 显示 “ 断 掉 的 链接 ”的 测试 结果 ,如 图 9-6 所 示 。 


1 了 结果 搜索 | 参考 | 验证 | 浏览 器 兼容 性 检查 链接 检查 器 MAME | FTP 记 录 | 服务 器 调试 5 
RRO: 捞 接 文件 在 本 地 磁盘 没有 找到 ) 

> | 文件 

二 /tupianbianhuaytupianl.htnl 

二 /tupianbianhua/ tupi an2. htal 

二 /tupianbianhua/ tupi an3. htnl 


总 共 61 个 ，11 Arm, 20 Tor. 
图 9-6 “ 断 掉 的 链接 "测试 结果 


如 果 想 要 更 改 链 接 , 则 单 击 检查 结果 中 断 开 的 链接 ,如 图 9-7 所 示 , 然 后 直接 输入 一 个 
新 链接 即 可 。 


1 结果 搜索 | 参考 | 验证 | 浏览 器 兼容 性 检查 链接 检查 器 ”站 点 报告 | FTP 记 录 | 服务 器 调试 5 
RRO: | 断 接 的 链接 ”=| 鱼 接 文件 在 本 地 磁盘 没有 找到 ) 

文件 

/tupianbianhua/ topi anl. html 

TE topi ambi anbua/ tupi an2. htnl 

二 /tupianbianhuaftupian3. htnl 
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(5) 在 【显示 】 下 拉 列 表 框 中 重新 选择 “孤立 文件 ”, 检 查 范围 是 “检查 整个 当前 本 地 站 点 
的 链接 ”, 则 在 面板 中 显示 “孤立 文件 ”的 测试 结果 ,如 图 9-8 所 示 。 


UVER 搜索 | 参考 | 验证 | 浏览 器 兼容 性 检查 链接 检查 器 站 点 报告 | FTP 记 录 | 服务 器 调试 5 
Eris —— BEA 

IET > 

9 T /insges/index 02. gif öl 

a 


T5 /insges/index 15. gif 
T /inages/index 1T. gif 


F)/images/index_19. gif - 


总 共 61 个 ，11 THIML, 20 PMR. SH 115 个 链接 ，110 个 正 


图 9-8 “孤立 文件 ”测试 结果 


[] 小 贴 士 

孤立 的 文件 只 在 检查 整个 站 点 时 才能 被 查 出 。 一 般 情 况 下 , 它 是 没 用 的 文件 (首页 以 及 
库 和 模板 文件 除外 ) ,最 好 删除 掉 , 方 法 是 : 在 如 图 9-8 所 示 的 “孤立 的 文件 ”列表 中 选中 要 
删除 的 孤立 文件 , 按 Delete 键 即 可 。 

任务 3: 实施 表单 测试 

在 “新 闻 类 别 网 站 ”中 ,登录 页 面 上 有 表单 ,后台 管 理 页 面 上 也 有 表单 ,因此 ,需要 进行 登 
录 表单 测试 和 后 台 管理 表单 测试 。 具 体操 作 步 骤 如 下 : 

(1) 登录 表单 测试 

登录 页 面 要 求 输入 用 户 名 、 密 码 和 验证 码 , 如 图 9-9 所 示 。 网 站 的 用 户 分 为 超级 管理 
员 ,管理 员 和 普通 用 户 三 种 类 型 ,分 别 拥 有 不 同 的 访问 权限 。 普 通用 户 可 以 注册 、 登 录 、 浏 览 
新 闻 网 页 ;管理 员 是 网 站 的 主要 操作 人 员 ,负责 网 站 各 类 数据 的 更 新 ,可 以 进入 网 站 后 台 
理 页 面 ,完成 新 闻 数 据 的 更 新 任务 ;超级 管理 员 是 网 站 权限 最 高 的 人 员 ,负责 管理 网 站 用 户 
权限 ,管理 可 操作 网 站 的 用 户 。 
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图 9-9 登录 页 面 表单 
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进行 登录 表单 测试 时 ,分 别 以 超级 管理 员 ,管理 员 和 普通 用 户 身份 进行 多 次 登录 ,测试 

对 这 三 种 类 型 的 用 户 的 身份 验证 是 否 安 全 ,由 此 判断 权限 分 割 是 否 合理 ,功能 实现 是 否 正 
常 。 在 输入 登录 信息 时 , 既 要 输入 正确 的 信息 进行 测试 ,判断 能 否 成 功 登录 ,也 要 输入 不 正 

确 的 信息 进行 测试 ,判断 能 否 限制 非法 用 户 的 登录 。 

(2) 后 台 管 理 表 单 测试 

进入 后 台 管理 页 面 之 前 需要 先进 行 登录 , 当 管 理 员 或 超级 管理 员 输 入 正确 的 用 户 名 、 密 
码 和 验证 码 后 ,就 可 以 进入 后 台 管 理 页 面 。 打 开 每 项 后 台 功 能 的 表单 页 面 ,进行 一 一 测试 ， 
如 图 9-10 所 示 。 
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图 9-10 后台 页 面 表单 


测试 时 可 以 按 表单 要 求 输入 正确 的 信息 和 不 正确 的 信息 ,查看 网 站 功能 是 否 含有 隐藏 
的 错误 。 例 如 ,在 后 台 添 加 一 条 新 闻 , 然 后 查看 主页 上 是 否 正确 显示 了 该 新 闻 ; 或 者 添加 一 
个 用 户 ,测试 能 否 以 该 用 户 信 息 进行 登录 ;添加 一 个 已 存在 的 用 户 , 测 试 系统 能 否 容忍 错误 
并 给 出 错误 提示 ;输入 新 用 户 的 密码 时 ,两 次 输入 的 密码 不 相同 ,系统 能 不 能 正确 处 理 等 。 


9.1.3 相关 知识 拓展 


在 网 站 测试 中 ,还 有 一 项 测试 是 Cookie 测试 。Cookie 是 一 种 能 够 让 网 站 服务 器 把 少 
量 数 据 储存 到 客户 端的 硬盘 或 内 存 ,或 是 从 客户 端的 硬盘 读 取 数 据 的 一 种 技术 。 

当 浏览 某 网 站 时 , Web 服务 器 会 在 浏览 者 的 硬盘 上 存储 一 个 非常 小 的 文本 文件 ,此 文 
本 文件 称 为 Cookie, 它 可 以 记录 浏览 者 的 用 户 ID .密码 浏览 过 的 网 页 停留 的 时 间 等 信息 。 
当 浏览 者 利用 这 台 计 算 机 再 次 来 到 该 网 站 时 ,网 站 通过 读 取 存 放 在 硬盘 上 的 Cookie, 得 知 
该 浏览 者 的 相关 信息 ,从 而 做 出 相应 的 动作 ,如 在 页 面 显示 欢迎 此 人 的 提示 信息 ,或 者 让 此 
人 不 用 再 输入 用 户 ID .密码 就 直接 登录 等 。 
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如 果 网 站 使 用 了 Cookie, 就 必须 检查 Cookie 是 否 能 正常 工作 。 测 试 的 内 容 可 包括 
Cookie 是 否 起 作用 ,是 否 按 预定 的 时 间 进 行 保存 ,网 页 刷新 对 Cookie 有 什么 影响 等 。 


9.1.4 经 验 总 结 


功能 测试 是 测试 中 的 重点 ,主要 是 测试 网 站 的 功能 是 否 符合 网 站 需求 分 析 时 定义 的 各 项 
要 求 。 在 把 站 点 上 传 服务 器 之 前 ,要 先 在 本 地 对 其 测试 。 实 际 上 ,在 网 站 建设 过 程 中 ,最 好 经 
常 对 站 点 进行 测试 并 解决 暴露 出 来 的 问题 ,要 尽早 发 现 问题 并 避免 重 犯 错误 。Dreamweaver 
提供 了 多 项 测试 站 点 功能 ,灵活 使 用 这 些 功 能 非常 有 利于 网 站 测试 工作 的 完成 。 

内 容 测试 时 可 以 把 所 有 文本 都 读 一 遍 , 这 样 很 容易 发 现 其 中 包含 的 错误 。 对 于 网 页 文 
字 上 的 一 些 语法 或 拼写 错误 的 测试 ,可 以 借助 一 些 文字 处 理 软件 来 进行 ,比如 可 以 将 网 页 上 
的 文本 暂时 复制 到 Microsoft Word 中 进行 “拼写 与 语法 检查 ”或 者 使 用 一 些 专业 的 测试 工 
具 。 但 仅仅 利用 软件 进行 自动 测试 还 是 不 够 的 ,最 后 仍 需 要 人 工 测试 所 有 文本 内 容 。 

链接 错误 的 主要 原因 经 常 是 文件 名 不 正确 或 路 径 名 错误 。 因 此 , 遇 到 链接 错误 时 需要 
检查 HTML 文档 中 关于 这 个 链接 的 引用 是 否 正确 。 在 Dreamweaver 中 进行 过 链接 测试 
后 ,还 需要 再 用 手动 测试 全 部 链接 。 在 浏览 器 中 打开 后 , 单 击 页 面 上 的 每 一 个 链接 ,确定 所 
有 的 链接 都 没有 错误 。 

表单 测试 时 ,尤其 要 注意 的 是 ,测试 数据 一 定 要 包含 不 正确 的 输入 数据 ,一 定 要 检查 系 
统 对 不 正确 输入 的 反应 及 出 错 后 的 程序 代码 的 处 理 情况 。 


9.2 测试 网 站 的 性 能 


dp 知识 储备 


关于 什么 是 一 个 系统 的 性 能 , 举 个 生活 实例 就 可 以 明白 。 现 在 很 多 地 方 都 设 有 火车 票 
代 售 点 ,虽然 收 点 手续 费 , 但 是 比 跑 到 火车 站 去 买 票 还 是 划算 ,也 挺 方便 。 可 是 春节 前 再 到 
代 售 点 去 买 票 ,就 有 问题 了 ,售票 系统 很 慢 。 这 个 系统 平时 运行 没 问题 ,而 在 节假日 有 大 量 
购 票 需求 的 情况 下 ,系统 反应 变 慢 的 问题 就 是 系统 的 性 能 问题 。 因 此 ,如 果 对 火车 售票 系统 
进行 性 能 测试 ,就 要 考虑 此 系统 最 繁忙 时 的 运行 情况 。 一 个 网 站 本 身 就 是 一 个 Web 系统 ， 
其 性 能 是 影响 网 站 运行 的 重要 因素 ,因此 网 站 的 性 能 测试 很 重要 。 

目前 大 多 数 网 站 系统 都 必须 支持 大 量 用 户 , 而 且 网 络 体系 架构 中 包含 各 类 应 用 环境 且 
由 不 同 供应 商 提 供 软 件 和 硬件 产品 ,这 要 求 系统 要 具有 良好 的 性 能 。 检 测 一 个 网 站 是 否 存 
在 用 户 响应 速度 过 慢 、 系 统 容易 前 江 等 问题 ,可 以 通过 性 能 测试 来 实现 。 性 能 测试 主要 确定 
在 用 户 可 接受 的 响应 时 间 内 ,系统 能 够 承受 的 并 发 用 户 和 并 发 操作 的 数量 ,以 及 系统 在 不 同 
负载 情况 下 页 面 的 下 载 时 间 ,检测 系统 瓶颈 可 能 发 生 的 位 置 , 以 确保 系统 运行 的 安全 性 、 可 
靠 性 和 执行 效率 。 

网 站 的 性 能 测试 主要 有 连接 速度 测试 和 负载 测试 等 。 

(1) 连接 速度 测试 是 指 测试 用 户 打 开 网 页 的 响应 速度 。Dreamweaver 提供 了 连接 速度 
测试 功能 。 
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(2) 负载 测试 指 的 是 测试 网 站 在 某 一 负载 级 别 上 的 性 能 ,负载 级 别 可 以 是 在 某 个 时 刻 
同时 访问 网 站 的 用 户 数量 ,也 可 以 是 在 线 数据 处 理 的 数量 。 例 如 ,网 站 能 允许 多 少 个 用 户 同 
时 在 线 吗 ? 如 果 超 过 了 这 个 数量 ,会 出 现 什么 现象 ? 网 站 能 否 处 理 大 量 用 户 对 同一 个 页 面 
的 请 求 ? 负载 测试 一 般 采 用 专门 的 测试 工具 进行 测试 。 


9.2.1 任务 描述 
“新 闻 类 别 网 站 ”的 测试 工作 任务 之 二 : 完成 网 站 的 性 能 测试 。 
9.2.2 任务 实现 


“新 闻 类 别 网 站 ”的 性 能 测试 分 为 两 个 任务 : 
任务 1 实施 连接 速度 测试 
任务 2 实施 网 站 负载 测试 
任务 1: 实施 连接 速度 测试 
操作 步骤 如 下 : 
COD 打开 需要 测试 的 页 面 ,选择 [编辑 区 首 选 参数 命令 ,在 左 侧 的 【分 类 列表 框 中 选 
择 “ 状 态 栏 ”, 在 右 侧 的 [连接 速度 下 拉 列 表 框 中 选择 Modem 的 速度 ,有 14. 4,28. 8,33. 6、 
56、64、128 和 1500 七 个 参数 供 选择 ,如 图 9-11 所 示 , 此 处 选择 56。 
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图 9-11 “状态 栏 " 参 数 设置 


[上 小 贴 十 
同一 个 页 面 在 不 同 速 率 的 Modem 下 其 下 载 速度 是 不 同 的 ,在 Dreamweaver 中 可 以 选 
择 不 同 的 Modem 对 页 面 进行 测试 ,了 解 其 下 载 速度 。 如 果 下 载 速度 太 慢 ,应 该 考虑 对 页 面 
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(2) 单 击 【 确 定 ] 按 钮 回 到 Dreamweaver 页 面 编辑 状态 。 仔 细 观 察 状态 栏 ,其 右 侧 会 出 
现 一 个 数值 *18KB/3 秒 ”, 该 数值 表示 当前 文档 大 小 为 18KB, 大 概 需要 3 秒 的 时 间 可 以 下 
载 完毕 。 重 新 打开 图 9-11 的 界面 .修改 Modem 的 速度 设置 为 128, 则 Dreamweaver 状态 栏 
的 数值 变 为 "18KB/2 Tb" ,表示 该 文档 只 需要 大 概 2 秒 钟 的 时 间 就 可 以 下 载 完 毕 。 两 次 不 
同 的 状态 栏 显 示 连 接 速度 如 图 9-12 所 示 。 
[Nj Q [00% v251 x 586v (18 KB/ 3 - [NI Q lox — v [1251 x 566v [18 KB/ 2 黎 
图 9-12 状态 栏 上 显示 连接 速度 


任务 2: 实施 网 站 负载 测试 

负载 测试 通常 会 使 用 自动 测试 工具 来 进行 。 负 载 测 试 的 基本 思路 是 : 构建 一 个 尽 可 能 
真实 的 运行 环境 ,模拟 大 量 实际 用 户 的 操作 行为 来 产生 超常 的 数据 量 和 系统 负载 ,然后 监测 
并 分 析 系 统 的 各 项 性 能 指标 ,如 CPU 和 内 存 的 使 用 情况 、 响 应 时 间 、 数 据 传输 量 等 ,最 后 提 
交 测 试 报告 ,分 析 系统 瓶颈 ,修改 被 测 网 站 。 

目前 企业 中 常用 的 负载 测试 工具 是 Mercury Interactive 的 LoadRunner。LoadRunner 
是 一 个 适用 于 各 种 体系 架构 的 自动 测试 工具 ,能 够 模拟 上 千 万 用 户 实施 并 发 负载 ,进行 实时 
的 性 能 监测 ,找到 系统 瓶颈 ,优化 系统 性 能 。 

LoadRunner 启动 后 的 界面 如 图 9-13 所 示 。 


É Mercury LoadRunner 8.0 


Load Testing Diagnostics Tuning What's New 


Load Testing prevents costly and painful 

Q Create/Edit Scripts performance problems in production by detecting 
bottlenecks before a system or upgrade is deployed. 

Q9 Run Load Tests By creating production workloads on IT systems in 
QA or staging, you can measure the performance of 

Q Analyze Load Tests critical business processes under load and pinpoint 
bottlenecks for rapid resolution. Mercury 
Interactive's LoadRunner& provides comprehensive 
support for the most common protocols and 
technologies-including ERP/CRM, Web, J2EE, XML, 
NET, wireless and streaming media-allowing IT 
groups to use a single product for load and 
performance testing of all enterprise applications. 
Implementing an effective load testing process with 
Mercury Interactive's LoadRunner@ helps ensure 
that new or upgraded applications meet service level 
objectives and deploy to production with no 
performance surprises. 


Learn More about Load Testing 


图 9-13  LoadRunner 界面 


另外 一 个 常用 的 测试 软件 是 Microsoft 的 Web Application Stress Tool WAS), fil 4k 
提供 的 WAS 虽然 功能 上 比 不 了 专业 的 LoadRunner, 但 LoadRunner 价格 不 菲 , 而 微软 的 
WAS 则 是 完全 免费 的 ,而 且 WAS 可 以 模拟 100 个 强 并 发 用 户 的 访问 ,能 够 满足 中 小 型 网 
站 测试 的 需求 。 
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小 贴 士 

微软 的 WAS 测试 软件 可 以 从 网 上 免费 下 载 。 如 果 需 要 该 软件 ,可 以 先 通过 搜索 引擎 
查找 WAS 的 下 载 链 接 ,然后 进行 下 载 。 下 载 后 按照 提示 步骤 安装 即 可 。 

下 面 以 WAS 为 例 , 讲 解 使 用 WAS 进行 负载 测试 的 步 又。 


1. 建立 测试 脚本 


启动 WAS 软件 ,程序 运行 时 会 自动 打开 Create new script 对 话 框 , 即 建立 新 脚本 的 窗 
口 , 如 图 9-14 所 示 。 如 果 运 行 WAS 没有 打开 建立 新 脚本 窗口 ,可 以 单 击 工具 栏 上 的 第 一 
个 按钮 new script 打开 该 窗口 。 
单 击 Manual 按钮 ,建立 新 脚本 New Script, 如 图 9-15 所 示 。 
Create new script c9 €$ Web Application Stress - D: Microsoft Web Application St... 


YÉ Ele Edt gopts Mew Window Help 


| 可 #ulels >o x[»[m|e| ?| 
script manually in the [1 
script editor. Severfocdhst ——————————————— 


Record 
Record while 
mavigating a web 


Notes: 


Log file Double-click on a script item to 
Read an Internet ———— 
Information Server log Verb [Path 
fi 


[7 Dow t display at st 


图 9-14 创建 新 脚本 窗口 图 9-15 WAS 新 脚本 


初次 使 用 时 ,可 以 在 新 建 脚本 窗口 上 单 击 Record 按钮 .打开 [创建 脚本 向 导 】 对 话 框 
Browser Recorder-Step 1 of 2, 如 图 9-16 所 示 。 其 中 ,三 个 选项 是 选择 要 记录 的 内 容 , 分 别 
为 Request( 请 求 ) .Cookies( 网 上 信息 块 ) 以 及 Host headers( 主 机 标题 ) ,可 根据 需要 选择 。 
然后 单 击 Next 按钮 ,会 打开 Browser Recorder-Step 2 of 2 对 话 框 。 单 击 Finish 按钮 ,WAS 
会 自动 启用 ,并 且 会 打开 一 个 浏览 器 窗口 ,此 时 我 们 就 可 以 在 浏览 器 的 地 址 栏 中 输入 要 测试 
的 网 站 网 址 。 随 着 要 测试 的 网 站 内 容 的 不 断 显示 ,在 WAS 主 界面 的 Recording 选项 卡 中 的 
信息 会 实时 更 新 。 


Browser Recorder - Step 1 of 2 


[^ Record delay between reque 
[7 Record browser cookie 


[^ Record the host header 


] Cancel < Back Next > Finish 
图 9-16 创建 脚本 向 导 对 话 框 


2. 编辑 脚本 内 容 
(1) 选择 脚本 名 称 , 设置 右 侧 所 显示 的 相应 选项 ,如 图 9-17 所 示 。 
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。 Server: 要 进行 测试 的 服务 器 IP 地 址 或 计算 机 名 称 。 
* Verb; 选择 脚本 运行 方式 为 get、post 或 head, 
* Path; 向 服务 器 提交 的 文件 或 字符 串 。 


5 Web Application Stress - D: VMicrosoft Web Application Stress ... LEES 
V rie Edt Scripts View window Help -je[x| 


| | Yelalele] >lo] x| sue] ?|| 


Server [ocalhost 


Notes: 


Double-click on a script item to 


8 Scripts : New S.. 
图 9-17 设置 脚本 选项 
(2) 单 击 脚本 名 称 前 的 “十 ”展开 脚本 内 容 , 选 中 Settings 选项 进行 设置 ,如 图 9-18 所 示 。 


& web Application Stress - D:\Microsoft Web Application St... 
WP tle Edt Scripts View Window Hel 


| | xe|ajels| >] x| -[2|e| 2] 


[Concurrent Connections 


Stress level (threads): 1 


Stress multiplier (sockets per [T 


p Test Run Tine 


Days: 0 ys: O Mins[ 1 sec: [| 


„Request Delay (m milliseconds) 


[^ Use random delay 


ragai — —— — ——— — —— — —— 

Warmup: Wee[ O mi[ 0 Sec: [7 
Cooldown: Xee[ 0 Mins| 0 sec: [7 
Bandwith 


[^ Throttle bandwic [14.4 Modem 


» 


Y? Scripts : New S.. 


图 9-18 设置 Settings 选项 


* Concurrent Connections; 设置 并 发 连接 数 .其 下 面 的 Stress level (threads) 选 项 是 
客户 端 所 产生 的 线程 数目 ,Stress multiplier(sockets perthread) 选 项 是 一 个 线程 产 
生 的 socket 请 求 的 数目 ,两 个 数值 的 乘积 就 是 客户 端 同时 连接 的 并 发 数 。 
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Test Run Time; 测试 运行 时 间 , 以 日 、 小 时 ,分钟 和 秒 来 设 定 。 建 议 该 项 时 间 不 宜 
太 短 ,如果 设置 的 并 发 数 较 多 ,那么 时 间 应 该 按 比 例 增长 ,以便 产生 足够 多 的 请 求 。 
* Request Delay; 停止 时 间 , 指 连接 时 超出 这 个 时 间 即 作 超 时 处 理 。 
Suspend; 挂 起 时 间 ,分 为 Warmup 和 Cooldown 两 项 ,一 般 可 以 设置 为 两 三 分 钟 ,这 
样 做 的 目的 是 避免 测试 开始 和 结束 时 数据 的 变形 ,影响 测试 的 准确 性 。 
Bandwith: 指定 带宽 瓶颈 , 即 选择 访问 该 网 站 大 多 数 用 户 所 使 用 的 带宽 。 例 如 访问 
该 网 站 的 绝 大 部 分 用 户 是 拨号 ,那么 可 以 选择 56K 。 

(3) 在 左边 窗 格 中 选中 Users 选项 ,双击 Default 按钮 ,进入 用 户 设 置 页 面 , 如 图 9-19 
所 示 。 


€$ web Application Stress - D:\Microsoft Web Application St... eu 
Q Eie Edt Scripts View Window Help 


| | e[a[e pe] lo x[»[e[e| 2] 


mb ofar  [[— — 
User name [User Remove All 
Password: fessor Inport 


Password 
password 
password 
password 


nacen 


Y Scripts : New S.. Ẹ@ Users 


图 9-19 设置 Users 选项 


TE User name 和 Password 文本 框 中 输入 服务 器 认可 的 用 户 和 密码 , 单 击 Create 按钮 ， 


完成 添加 用 户 功 能 。 
(4) 在 左边 窗 格 中 选中 Clients 选项 ,双击 Default 按钮 ,进入 客户 端 设 置 页 面 , 如 图 9-20 


所 示 。 


& web Application Stress - D:\Microsoft Web Application St... 
Ee Edt Scripts View Window Help 


| | elole PIG| x[»[s[e] 2] 


Machine p | Mà ui 
Enable |Client Status 
[v — localhost. Connected 
» 


4 
Y? Scripts : New S..| Ẹ@ Users. à? Clients 
图 9-20 设置 Clients 选项 


下 
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在 Machine 文本 框 中 输入 添加 客户 的 计算 机 名 后 , 单 击 Add 按钮 ,在 默认 状态 下 只 有 
localhost 客户 连接 ,添加 的 其 他 客户 均 离线 。 选 中 的 客户 会 在 报告 中 显示 。 
(5) 其 他 选项 在 默认 情况 下 不 用 更 改 。 


3. 运行 测试 


Test Status 
做 好 基本 的 设置 工作 后 ,在 窗口 左 侧 窗 格 Running script New Recorded Script 
中 选中 新 建 的 脚本 New Script, 单 击 工具 栏 上 
的 Run Script 按钮 ,就 开始 测试 了 。 测 试 过 程 | Time Lese 00:00:20 
中 会 以 进度 条 的 方式 实时 显示 ,如 图 9-21 所 
示 。 等 进度 条 结束 后 ,就 可 以 进行 测试 结果 分 
析 了 。 


4. 测试 报告 


选择 View 菜单 下 的 Reports 命令 ,在 打开 的 窗口 左 侧 会 按时 间 显示 所 有 测试 报告 。 
据 时 间 选 择 本 次 测试 报告 ,在 窗口 右 侧 即 可 查看 具体 内 容 , 如 图 9-22 所 示 。 
测试 报告 中 ,重要 的 部 分 是 Socket Errors 和 Result Codes, 


图 9-21 测试 进度 条 
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Y Scripts : New S.. [J] Reports 


图 9-22 测试 报告 


Socket Errors 分 为 Connect、Send 、Recv 和 Timeouts。 其 中 ,Connect 表示 客户 端 不 能 
与 服务 器 取得 连接 的 次 数 ;Send 表示 客户 端 不 能 正确 发 送 数据 到 服务 器 的 次 数 ;Recv 表示 
客户 端 不 能 正确 从 服务 器 接收 的 次 数 ;Timeouts 表示 超时 的 线程 数目 。 如 果 这 四 个 数值 较 
小 或 为 0, 则 说 明 服务 器 运行 良好 ;如 果 数 值 较 高 . 则 说 明 服 务 器 端 是 存在 一 定 问题 的 。 

在 Result Codes 中 ,如 果 Code 列表 下 的 数值 都 为 200, 那 么 表示 所 有 请 求 都 经 服务 器 
成 功 返 回 ;如 果 数 值 出 现 400 或 大 于 400, 例 如 404, 则 需要 在 左 侧 窗 格 中 找到 Page Data 节 
点 ,查看 具体 的 错误 ,并 进行 改正 。 
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得 到 测试 结果 后 ,要 进行 认真 分 析 ,判断 网 站 是 否 存在 负载 问题 ,如 果 存在 问题 , 则 要 找 
出 原因 所 在 ,进一步 做 出 修改 ,优化 系统 性 能 。 


9.2.3 相关 知识 拓展 


在 小 型 网 站 的 性 能 测试 中 ,主要 进行 的 是 网 站 的 连接 速度 测试 。 连 接 速度 对 于 网 站 的 
成 功 与 否 是 非常 重要 的 ,因为 用 户 最 大 的 抱怨 经 常 是 由 于 网 页 下 载 速度 太 慢 而 需要 等 待 。 
不 管 动画 多 么 有 趣 , 也 不 管 图 像 有 多 么 新 颖 ,网 站 速度 慢 是 用 户 减少 的 主要 因素 。 

那么 如 何 提高 速度 呢 ? 图 像 是 影响 速度 的 一 个 很 重要 因素 ,我 们 可 以 通过 减少 图 像 大 
小 来 优化 网 页 速度 。 一 个 简单 的 规则 就 是 ,每 一 页 的 图 像 文件 总 体 大 小 要 保持 在 30KB 以 
下 。 这 将 使 网 页 的 下 载 速度 更 快 。 下 面 是 常用 的 减少 图 像 大 小 的 方法 。 

(1) 减 小 物理 尺寸 

在 图 像 编 辑 器 中 改变 一 个 图 像 文 件 的 物理 尺寸 与 在 HTML 代码 中 改变 图 像 的 height 和 
width 属性 是 不 同 的 。 物 理 尺寸 的 缩减 能 够 减少 文件 大 小 ,但 在 HTML 中 改变 图 像 的 尺寸 并 
不 会 影响 文件 大 小 。 在 HTML 中 改变 图 像 的 大 小 不 仅 效率 非常 低 , 而 且 还 会 使 图 像 效 果 非 常 
差 。 可 以 用 图 像 应 用 程序 (例如 Adobe Photoshop 或 Macromedia Fireworks) 来 优化 文件 。 网 
页 中 按 图 像 大 小 来 指定 其 height 和 width 值 ,这 样 可 以 让 浏览 器 为 图 像 预 留 空间 。 

(2) 使 用 缩 略 图 

如 果 总 要 下 载 大 的 图 像 ,一 种 蔡 代 方法 就 是 提供 一 个 缩 略 图 ,如 果 用 户 想 要 下 载 大 图 
像 , 单 击 它 即 可 。 缩 略图 的 好 处 就 是 ,小 文件 可 以 快速 下 载 ,而 且 如 果 用 户 想 要 浏览 大 图 像 
也 可 以 通过 缩 略 图 获得 。 

(3) 图 像 切片 

图 像 切片 是 将 大 图 像 分 成 多 片 ,然后 用 一 个 表格 将 这 些 片 重新 组 合 在 一 起 。 其 中 ,每 片 
都 可 以 用 不 同 的 压缩 格式 进行 存储 。 有 些 图 片 可 以 存 为 GIF 格式 ,有 些 可 以 存 为 JPEG 格 
式 , 其 压缩 水 平 各 不 相同 。 

(4) 图 像 文件 的 格式 

为 图 像 选 择 合适 的 格式 也 会 加 速 网 页 的 下 载 时 间 。 照 片 最 好 存 为 JPEG 格式 ,具有 大 
面积 纯色 的 图 像 存 为 GIF 格式 可 以 达到 最 优化 。 对 上 面 两 种 图 像 选择 PNG 格式 也 不 错 ， 
但 是 老 版 本 的 浏览 器 不 支持 PNG 格式 。 


9.2.4 经 验 总 结 


性 能 测试 对 于 网 站 的 运行 而 言 非常 重要 。 进 行 性 能 测试 时 ,假设 的 客户 端 一 定 要 比 实 
际 可 能 的 数量 还 要 大 ,这样 才能 测试 出 真正 的 效果 。 通 过 性 能 测试 .了 解 网 站 存在 的 性 能 问 
题 后 ,应 该 想 办 法 提高 网 站 性 能 。 

对 网 站 做 连接 速度 测试 时 ,除了 可 以 利用 Dreamweaver 自 带 的 测试 工具 外 ,还 可 以 使 
用 实际 环境 运行 网 站 的 方式 来 进行 测试 。 在 实际 环境 中 测试 网 站 各 页 面 的 实际 下 载 时 间 ， 
从 浏览 者 的 角度 来 了 解 页 面 的 下 载 速度 ,特别 是 测试 类 似 主页 之 类 的 重要 页 面 。 如果 有 条 
件 , 还 应 该 使 用 拨号 、 宽 带 等 各 种 上 网 方式 测试 网 页 下 载 的 情况 。 
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连接 速度 测试 完成 后 ,根据 测试 结果 的 值 .如 果 需 要 调整 网 页 ,可 以 考虑 页 面 文件 的 大 
小 、 择 入 图 片 的 分 辨 率 、 图 像 切 片 大 小 和 脚本 语言 等 影响 下 载 时 间 的 因素 ,最 终 目的 是 减少 
下 载 时 间 , 让 用 户 在 最 短 的 时 间 内 看 到 页 面 。 

为 了 完整 反映 一 个 网 站 在 服务 器 上 的 运行 情况 ,负载 测试 需要 进行 不 同 的 设置 ,并 且 要 
进行 多 次 测试 ,以 保证 网 站 在 需求 范围 内 能 正常 运行 。 


9.3 其 他 专项 测试 


fp 知识 储备 

其 他 专项 测试 包括 兼容 性 测试 、 可 用 性 测试 、 安 全 性 测试 等 。 

1. 兼容 性 测试 

兼容 性 测试 是 指 测试 某 个 软件 在 特定 的 硬件 平台 上 、 不 同 的 操作 系统 平台 上 不同 的 应 
用 软件 之 间 、 不 同 的 网 络 环境 之 间 能 否 正常 运行 。 兼 容 性 测试 无 法 做 到 完全 的 质量 保证 ,但 
可 以 保证 网 站 能 满足 大 多 数 用 户 的 要 求 。 

网 站 兼容 性 测试 主要 是 针对 不 同 的 操作 系统 平台 、 不 同 的 分 辩 率 .不 同 的 浏览 器 进行 测 
试 。 由 于 无 法 确定 用 户 在 客户 端 会 使 用 什么 样 的 主机 访问 网 站 ,因此 ,进行 网 站 兼容 性 测试 
就 是 必 不 可 少 的 一 个 步骤 。 

(1) 操作 系统 兼容 性 测试 

市 场 上 有 很 多 不 同 的 操作 系统 类 型 ,常见 的 有 Windows, UNIX, Macintosh, Linux 等 。 
非 服务 器 计算 机 上 最 常用 的 是 Windows 操作 系统 。Windows 操作 系统 包括 Windows XP, 
Windows 2003, Vista, Windows 2000/NT. Windows 9X 等 。 进 行 操作 系统 兼容 性 测试 的 主 
要 目的 就 是 尽 可 能 保证 网 站 在 各 种 操作 系统 平台 上 都 能 正常 运行 。 

(2) 分 办 率 兼容 性 测试 

屏幕 分 辩 率 是 指 屏 幕 横向 纵向 所 能 显示 的 像素 数量 。 不 同 分 辨 率 下 的 网 页 显示 是 不 一 
样 的 。 例 如 ,将 屏幕 设 成 800X600 像素 的 分 辩 率 ,和 设 成 1024X768 像素 相 比 ,前 者 使 屏幕 
显示 的 像素 点 少 了 ,这 样 字 就 会 变 大 ,图 像 也 会 变 大 。 

分 辩 率 兼容 性 测试 是 为 了 使 页 面 版 式 在 不 同 的 分 辨 率 模式 下 能 正常 显示 、 字 体能 符合 
网 页 设置 的 要 求 而 进行 的 测试 。 网 站 浏览 者 使 用 什么 模式 的 分 辩 率 是 未 知 的 ,因此 需要 对 
经 常用 到 的 分 辩 率 分 别 进行 测试 。 

(3) 浏览 器 兼容 性 测试 

浏览 器 是 Web 系统 中 最 核心 的 构件 ,来 自 不 同 厂家 的 浏览 器 对 JavaScript、ActiveX 或 
不 同 的 HTML 规格 有 不 同 的 支持 ,即使 是 同一 厂家 的 浏览 器 ,也 存在 不 同 的 版 本 问题 。 不 
同 的 浏览 器 对 安全 性 和 Java 的 设置 也 不 一 样 。 

浏览 器 兼容 性 测试 是 指 在 不 同 的 浏览 器 和 不 同 浏览 器 版 本 下 ,测试 页 面 的 运行 和 显示 
情况 ,要 确保 网 站 在 常用 的 浏览 器 中 能 够 正常 显示 。 不 同 浏览 器 测试 在 Dreamweaver 'P 3E 
常 简单 , 它 能 将 测试 出 的 错误 或 可 能 出 现 错误 的 地 方 列 出 一 个 报告 单 , 然 后 根据 该 报告 单 的 
提示 进行 修改 和 处 理 ,解决 有 可 能 出 现 的 问题 。 


可 用 性 测试 ,简单 说 就 是 测试 网 站 是 否 易 于 使 用 。 为 了 测试 网 站 上 的 各 种 要 素 是 否 满 
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足 网 站 各 级 用 户 的 使 用 要 求 , 可 以 选择 一 些 有 代表 性 的 网 站 用 户 在 实际 环境 中 对 网 站 进行 
访问 和 操作 ,同时 测试 人 员 在 一 旁观 察 . 聆 听 、 做 记录 ,以 了 解 用 户 对 网 站 的 反应 ,发 现 一 些 
网 站 设计 上 的 问题 。 

可 用 性 测试 包括 页 面 外 观测 试 .导航 信息 测试 和 图 形 图 像 测试 等 ,以 手动 测试 为 主 。 

(1) 页 面 外 观测 试 

页 面 外 观测 试 就 是 通过 浏览 器 浏览 每 一 个 网 页 ,检查 网 站 的 总 体 设计 是 否 合理 ,是 否 一 
切 都 很 和 谐 ,是 否 能 够 达到 传达 信息 和 主题 思想 的 目的 ,是 否 能 够 满足 浏览 者 的 需要 。 

(2) 导航 信息 测试 

导航 是 否 直 观 、 网 站 主要 内 容 是 否 可 通过 主页 存 取 、 网 站 是 否 需 要 站 点 地 图 、 网 站 是 否 
需要 搜索 引擎 或 其 他 的 导航 帮助 等 ,是 决定 一 个 网 站 是 否 易于 导航 的 主要 因素 。 导 航 的 另 
一 个 重要 方面 是 网 站 的 页 面 结构 导航 、 菜 单 、 链 接 的 风格 是 否 一 致 。 实 施 导 航 信息 测试 时 
需要 了 解 浏览 者 是 否 能 赁 直觉 知道 网 站 里 有 没有 可 取 的 内 容 , 内 容 在 什么 地 方 。 

(3) 图 形 图 像 测 试 

在 一 个 网 站 中 ,适当 的 图 片 和 动画 既 能 起 到 广告 宣传 的 作用 ,又 能 起 到 美化 页 面 的 功 
能 。 一 个 网 站 的 图 形 可 以 包括 图 片 \ 动 画 , 边 框 、 颜 色 、 字 体 、 背 景 、 按 钮 等 。 常 见 的 图 形 图 像 
测试 包括 : 

(D 要 确定 图 形 有 明确 的 用 途 , 图 片 或 动画 不 要 胡乱 地 堆 在 一 起 ,以 免 浪费 传输 时 间 。 
图 片 尺 寸 要 尽量 地 小 ,并 且 要 能 清楚 地 说 明 某 件 事情 ,一般 都 链接 到 某 个 具体 的 页 面 。 

© 验证 所 有 页 面 字 体 的 风格 是 否 一 致 。 

@ 确定 背景 颜色 是 否 与 字体 颜色 和 前 景 颜 色相 搭配 。 

QD 验证 图 片 的 大 小 和 质量 是 否 符合 要 求 ,一般 采 用 JPG 或 GIF 压缩 。 

3. 安全 性 测试 

随 着 网 络 应 用 的 越 来 越 普 及 ,网 站 安全 性 越 来 越 重 要 。 安 全 性 测试 是 用 来 查找 网 站 程 
序 设计 中 是 否 存在 安全 隐患 的 。 

COD 注册 与 登录 。 现 在 很 多 网 站 都 采用 先 注册 、 后 登录 的 方式 。 因 此 ,要 测试 有 效 和 无 
效 的 用 户 名 和 密码 ,注意 是 否 存 在 大 小 写 敏感 ,限制 可 以 尝试 多 少 次 登录 ,是 否 可 以 不 登录 
而 直接 浏览 某 个 页 面 等 。 

(2) 在 线 超时 。 测 试 网 站 浏览 是 否 有 超时 的 限制 ,也 就 是 说 ,用 户 登 录 一 定时 间 内 ( 例 
de 15 分钟 ) 没 有 点 击 任何 页 面 , 是 否 需要 重新 登录 才能 正常 使 用 。 

(3) 上 日 志文 件 。 为 了 保证 Web 应 用 系统 的 安全 性 ,日 志文 件 是 至 关 重 要 的 。 需 要 测试 
相关 信息 是 否 写 入 了 日 志文 件 , 是 否 可 以 追踪 。 

(4) 备份 与 恢复 。 为 了 防范 系统 意外 崩溃 造成 的 数据 丢失 ,备份 与 恢复 应 该 是 一 个 必 
备 功能 。 需 要 测试 所 采用 的 备份 与 恢复 方式 是 否 有 效 。 

O 信息 加 密 。 当 使 用 了 安全 套 接 字 时 ,还 要 测试 加 密 是 否 正确 ,检查 信息 的 完整 性 。 

(6) 服务 器 端的 脚本 漏洞 检查 。 存 在 于 服务 器 端的 脚本 常常 构成 安全 漏洞 ,这 些 漏 洞 
又 往往 被 黑客 利用 。 所 以 ,还 要 测试 没有 经 过 授权 ,就 不 能 在 服务 器 端 放置 和 编辑 脚本 的 权 
限 问题 。 


9.3.1 任务 描述 


“新 闻 类 别 网 站 ?的 测试 工作 任务 之 三 : 完成 网 站 的 其 他 专项 测试 。 
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9.3.2 任务 实现 


“新 闻 类 别 网 站 ”的 其 他 专项 测试 分 为 三 个 任务 : 
任务 1 兼容 性 测试 
任务 2 可 用 性 测试 
任务 3 安全 性 测试 

任务 1: 兼容 性 测试 


1. 实施 操作 系统 兼容 性 测试 


在 浏览 者 常用 的 操作 系统 上 运行 “新 闻 类 别 网 站 ”, 对 每 个 页 面 每 个 表单 功能 都 要 进行 
测试 ,测试 重点 是 : 检查 网 站 的 运行 在 当前 的 操作 系统 上 是 否 会 出 现 兼 容 性 异常 。 具 体操 
作 步 骤 如 下 : 

(1) 在 Windows XP 平 台 上 和 运行“ 新闻 类 别 网 站 ”, 修 正 所 有 的 操作 系统 兼容 性 异常 。 

(2) 在 Linux 平台 上 运行 “新 闻 类 别 网 站 ”, 修 正 所 有 的 操作 系统 兼容 性 异常 。 

小 贴 士 

网 站 浏览 者 究竟 使 用 哪 一 种 操作 系统 ,取决 于 其 所 使 用 的 计算 机 系统 的 配置 。 网 站 浏 
览 者 使 用 操作 系统 的 种 类 数 ,直接 决定 了 网 站 操作 系统 兼容 性 测试 时 需要 考虑 的 操作 系统 
数量 。 执 行 操作 系统 兼容 性 测试 时 要 分 别 在 安装 了 不 同类 型 操作 系统 或 不 同 版 本 操作 系统 
的 计算 机 上 运行 网 站 ,查看 是 否 存 在 兼容 性 问题 。 当 然 ,也 可 以 用 一 些 兼 容 性 测试 工具 进行 
不 同 操作 系统 的 测试 。 


2. 实施 分 辩 率 兼容 性 测试 


目前 常见 的 显示 器 分 辩 率 有 三 种 : 800X600.1024X768 和 1280X1024。 在 通常 情况 
下 ,在 网 站 的 需求 规格 说 明 书 中 会 建议 使 用 某 些 分 辩 率 。 对 于 测试 来 讲 , 要 针对 这 些 分 辩 率 
进行 专门 的 测试 。 分 辩 率 兼容 性 测试 比较 容易 .可 以 通过 设置 屏幕 分 辩 率 属性 来 进行 不 同 
的 分 辩 率 测试 。 具 体操 作 步 又 如 下 : 

CD 设置 屏幕 分 辩 率 为 800X600, 在 其 上 运行 “新 闻 类 别 网 站 ”, 查 看 网 页 是 否 能 够 按照 
网 站 需求 分 析 的 要 求 正 常 显示 ,并 修正 所 有 的 分 辩 率 兼容 性 异常 。 
(2) 设置 屏幕 分 辩 率 为 1024X768. 在 其 上 运行 “新 闻 类 别 网 站 ”, 查 看 网 页 是 否 能 够 按 
站 需求 分 析 的 要 求 正 常 显示 ,并 修正 所 有 的 分 辩 率 兼容 性 异常 。 
(3) 设置 屏幕 分 辩 率 为 1280X1024, 在 其 上 运行 “新 闻 类 别 网 站 ”, 查 看 网 页 是 否 能 够 按 
站 需求 分 析 的 要 求 正 常 显示 ,并 修正 所 有 的 分 辩 率 兼容 性 异常 。 
小 贴 士 
设置 屏幕 分 状 率 : 在 Windows XP 操作 系统 中 ,可 以 在 桌面 空白 处 单 击 鼠 标 右键 ,然后 
从 弹出 的 快捷 菜单 中 选择 【属性 命令 ,打开 【显示 属性 设置 对 话 框 。 单 击 【设置 选项 卡 , 然 
后 在 【屏幕 分 状 率 】 及 【高 级 】 中 进行 调整 ,如 图 9-23 所 示 。 在 Windows Vista 操作 系统 中 ， 
同样 在 桌面 空白 处 单 击 筷 标 右键 ,再 选择 [个 性 化 】 命 令 , 然 后 单 击 【 个 性 化 】 界 面 中 的 【显示 
属性 】 选 项 ,具体 设置 与 Windows XP 一 样 。 


照 


3] 


H 


3] 


第 9 章 测试 网 站 


显示 属性 [efx] 
主题 |sm |RERPEF|IM seem 设置 | 
拉 动 监视 器 图 标 以 便 与 监视 器 的 物理 设置 相 匹 配 。 


LILI E us um m 


FE 合用 该 设备 
F E Pinior. 


BEE 
IUD EED... SRV 


图 9-23 设置 分 辨 率 


3. 实施 浏览 器 兼容 性 测试 


利用 Dreamweaver 中 自 带 的 测试 工具 完成 “新 闻 类 别 网 站 ?的 浏览 器 兼容 性 测试 。 具 
体操 作 步 又 如 下 : 

COD 单 击 [结果 了 面板 中 的 [浏览 器 兼容 性 检查 选项 卡 , 转 换 到 【浏览 器 兼容 性 检查 ] 选 
项 卡 中 。 单 击 [ 结 果 了 面板 左 侧 的 绿色 三 角 箭头 按钮 ,弹出 下 拉 菜 单 , 如 图 9-24 所 示 。 


Ee - 


TT TT 
BEER: 


图 o-24 【浏览 器 兼容 性 检查 选项 卡 


(2) 在 弹出 的 下 拉 菜 单 中 选择 【设置 】 命 令 .弹出 [目标 浏览 器 对 话 框 , 可 用 来 选择 不 同 
的 浏览 器 和 版 本 ,如 图 9-25 所 示 。 此 处 的 选择 原则 是 选择 版 本 较 低 的 浏览 器 进行 测试 , 因 
为 新 版 本 浏览 器 一 般 都 支持 旧版 本 的 浏览 器 ,选择 后 单 击 【确定 按钮 返回 。 


训 览 器 最 低 版 本 B): 


Internet Explorer 
Internet Explorer for Ma... 
Netscape 


Opera 
Safari 


图 加 图 图 图 图 


9-25 【目标 浏览 器 ] 对 话 框 
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G) 选择 图 9-24 中 的 [检查 浏览 器 兼容 性 了 命令 , Dreamweaver 会 自动 对 当前 本 地 站 点 中 
的 所 有 文件 进行 目标 浏览 器 的 检查 ,并 显示 出 检查 结果 ,如 图 9-26 所 示 。 报 告 单 中 列 出 了 错 
误 项 .警告 项 和 有 可 能 出 现 的 错误 项 ,并 在 报告 的 后 面 列 出 了 出 现 错误 的 具体 位 置 和 原因 。 


图 9-26 ”站 点 报告 
A 小 贴 士 
在 进行 目标 浏览 器 检查 时 , 既 可 以 对 整个 站 点 进行 检查 ,也 可 以 设置 检查 某 一 个 页 面 或 
某 些 文件 。 


现在 ,很 多 网 站 的 运行 都 依赖 两 种 技术 一 一 Flash 和 JavaScript。 但 并 不 是 所 有 人 都 会 在 
浏览 器 上 启用 这 两 项 功能 ,从 而 导致 网 站 的 某 些 Flash 和 JavaScript 内 容 不 能 正常 显示 ,因此 ， 
网 站 还 应 该 在 浏览 器 端 打 开 和 关闭 Flash 与 JavaScript 的 情形 下 进行 浏览 器 兼容 性 测试 。 

任务 2: 可 用 性 测试 


1. 实施 页 面 外 观测 试 


具体 操作 步骤 如 下 : 

COD 验证 “新 闻 类 别 网 站 ”各 个 页 面 的 风格 是 否 一 致 ,是 否 美观 大 方 。 

(2) 验证 “新 闻 类 别 网 站 ”页 面 显示 内 容 是 否 完整 , 当 测试 数据 的 记录 数 超过 一 屏 /一 页 
时 ,验证 满 屏 / 页 时 其 窗 体 是 否 有 横向 、 纵 向 滚动 条 或 换 页 打印 ,界面 显示 是 否 正常 。 

(3) 验证 “新 闻 类 别 网 站 ”页 面 是 否 友 好 ,数据 是 否 是 按 网 站 浏览 者 的 习惯 进行 分 类 HE 
序 ,进行 某 些 操作 时 是 否 有 提示 信息 ,各 种 操作 是 否 方便 易 用 。 


2. 实施 导航 信息 测试 


具体 操作 步骤 如 下 : 

CD 检查 * 新 闻 类 别 网 站 ”的 导航 是 否 直观 ,网 站 的 主要 内 容 是 否 可 通过 主页 存 取 。 该 
网 站 是 否 有 站 点 地 图 ,是 否 有 搜索 引擎 。 根 据 检查 结果 ,修正 不 符合 要 求 的 网 页 。 

(2) 检查 “新 闻 类 别 网 站 ”的 页 面 结构 . 导 航 、 菜 单 、 链 接 的 风格 是 否 一 致 。 根 据 检查 结 
AR ,修正 不 符合 要 求 的 网 页 。 

(3) 寻找 有 代表 的 “新 闻 类 别 网 站 ”的 浏览 者 .了 解 他 们 是 否 能 赁 直觉 知道 网 站 里 有 没 
有 可 取 的 内 容 , 内 容 在 什么 地 方 。 根 据 检查 结果 ,修正 不 符合 要 求 的 网 页 。 


3. 实施 图 形 图 像 测试 


具体 操作 步骤 如 下 : 
CD 检查 "新 闻 类 别 网 站 ”的 图 形 图 像 , 确 定 所 用 的 图 形 图 像 都 有 特定 的 用 途 ,所 指向 的 
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链接 都 能 正常 显示 。 根 据 检查 结果 ,修正 不 符合 要 求 的 图 形 图 像 。 

(2) 检查 “新 闻 类 别 网 站 ”的 各 个 页 面 、 字 体 风格 是 否 一 致 。 根 据 检 查 结果 ,修正 不 符合 
要 求 的 页 面 字体 。 

G) 检查 “新 闻 类 别 网 站 ”的 背景 色 、 前 景色 、 字 体 颜 色 是 否 协调 。 根 据 检查 结果 ,修正 
不 符合 要 求 的 页 面 。 

(4) 检查 “新 闻 类 别 网 站 ”中 所 使 用 的 图 片 大 小 与 图 片 质 量 是 否 符合 网 站 需求 分 析 的 要 
求 。 根 据 检 查 结果 ,修正 不 符合 要 求 的 图 片 。 

任务 3: 安全 性 测试 

CD 对 “新 闻 类 别 网 站 ”的 注册 与 登录 界面 进行 测试 ,检查 对 注册 时 的 无 效用 户 名 系统 
能 否 识 别 并 处 理 , 检 查 登 录 时 有 没有 尝试 登录 的 次 数 限制 ,检查 是 不 是 存在 不 登录 就 可 以 访 
问 的 页 面 。 对 不 符合 要 求 的 网 页 进行 修正 。 

(2) 检查 “新 闻 类 别 网 站 ”服务 器 端 是 不 是 存在 脚本 漏洞 ,是 否 能 够 限制 未 授权 的 人 不 
能 在 服务 器 上 放置 和 编辑 网 站 脚本 。 如 果 不 符合 要 求 则 进行 修正 。 


9.3.3 相关 知识 拓展 


1. 测试 报告 


测试 工作 结束 时 要 编写 测试 报告 。 

测试 报告 是 把 测试 的 过 程 和 结果 写成 文档 ,并 对 发 现 的 问题 和 缺陷 进行 分 析 ,为 纠正 软 
件 存在 的 质量 问题 提供 依据 ,同时 为 软件 验收 和 交付 打下 基础 。 

测试 报告 中 应 包含 的 内 容 : 

CD 测试 标题 。 标 题 通 常 是 X XX 网 站 的 X XXX 测试 报告 。 

(2) 测试 目的 。 说 明 进 行 的 网 站 测试 的 主要 目的 ,测试 系统 是 否 符合 需求 (或 达到 
x XX 功能 目标 ) ,发 现 网 站 可 能 存在 的 一 些 问题 。 

G) 测试 项 目 简介 。 包 括 项 目 需 求 、 系 统 框架 图 、 网 络 拓 扑 图 等 。 

CL) 测试 方法 和 工具 。 简 要 介绍 测试 中 采用 的 方法 , 写 上 测试 重点 和 测试 模式 。 如 果 
采用 了 测试 工具 , 则 要 说 明 测试 工具 是 自 产 还 是 其 他 厂商 生产 的 ,版 本 号 是 多 少 。 

(5) 测试 环境 与 配置 。 简 要 介绍 数据 库 服 务 器 配置 .应 用 服务 器 配置 .客户 端 配置 、 网 
络 环境 等 ,对 于 三 层 架 构 的 系统 ,可 以 根据 网 络 拓扑 图 列 出 相关 配置 。 

(6) 测试 机 构 和 人 员 。 列 出 测试 机 构 和 主要 测试 人 员 。 

(7) 测试 执行 过 程 。 描 述 测试 执行 的 全 过 程 . 按 顺序 给 出 每 一 项 测试 的 具体 步骤 、 结 果 
数据 、 表 明 的 事实 以 及 发 现 的 问题 。 

(8) 测试 结果 和 建议 。 说 明 测 试 目标 是 否 完成 ,测试 是 否 通 过 、 总 结 系统 中 存在 的 问 
题 ,针对 问题 提出 改进 建议 。 


2. Linux 简介 


Linux 是 一 种 计算 机 操作 系统 ,中 文 读 法 一 般 为 “ 哩 纽 克 斯 ”, 但 真正 的 读 法 应 为 “ 哩 纳 
克 斯 ”。Linux 是 一 套 免费 使 用 和 自由 传播 的 类 UNIX 操作 系统 , 它 主 要 用 于 基于 Intel X86 
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系列 CPU 的 计算 机 上 。 

Linux 的 出 现 , 最 早 开始 于 一 位 名 叫 Linus Torvalds 的 计算 机 业余 爱好 者 ,当时 他 是 芬 
兰 赫 尔 辛 基 大 学 的 学 生 。 他 的 目的 是 想 设 计 一 个 代替 Minix( 是 由 一 位 名 叫 Andrew 
Tannebaum 的 计算 机 教授 编写 的 一 个 操作 系统 示 教 程序 ) 的 操作 系统 ,这 个 操作 系统 可 用 
于 386,486 或 奔腾 处 理 器 的 个 人 计算 机 (Personal Computer,PC) 上 ,并 且 具 有 UNIX 操作 
系统 的 全 部 功能 ,因而 开始 了 Linux JEU. 

Linux 的 基本 思想 有 两 点 : 第 一 .一切 都 是 文件 ;第 二 ,每 个 软件 都 有 确定 的 用 途 , 同 时 
它们 都 尽 可 能 被 编写 得 更 好 。 其 中 第 一 条 详细 来 讲 就 是 系统 中 的 所 有 都 归结 为 一 个 文件 ， 
包括 命令 .硬件 和 软件 设备 .操作 系统 .进程 等 ,它们 对 于 操作 系统 内 核 而 言 , 都 被 视 为 拥有 
各 自 特性 或 类 型 的 文件 。 至 于 说 Linux 是 基于 UNIX 的 ,很 大 程度 上 也 是 因为 这 两 者 的 基 
本 思想 十 分 相近 。 


Linux 的 标志 和 吉祥 物 是 一 只 名 字 叫 做 Tux. 的 企鹅, 标 
志 的 由 来 是 因为 Linux 在 澳洲 时 曾 被 一 只 动物 园 里 的 企鹅 
咬 了 一 口 , 便 选择 了 企鹅 作为 Linux 的 标志 ,如 图 9-27 
所 示 。 

Linux 以 它 的 高 效 性 和 灵活 性 著称 。 它 能 够 在 PC 计 
算 机 上 实现 全 部 的 UNIX 特性 ,具有 多 任务 、 多 用 户 的 能 
力 。Linux 操作 系统 软件 包 不 仅 包括 完整 的 Linux 操作 系 
统 , 还 包括 了 文本 编辑 器 .高 级 语言 编译 器 等 应 用 软件 。 
它 还 包括 带 有 多 个 窗口 管理 器 的 X-Window 图 形 用 户 界 
面 , 如 同 使 用 Windows NT 一 样 , 人 允许 使 用 窗口 .图标 和 菜 
单 对 系统 进行 操作 。 

Linux 之 所 以 受到 广大 计算 机 爱好 者 的 喜爱 ,主要 原 
因 有 两 个 ,一 是 它 属 于 自由 软件 ,用 户 不 用 支付 任何 费用 就 可 以 获得 它 和 它 的 源 代码 ,并 且 
可 以 根据 自己 的 需要 对 它 进 行 必 要 的 修改 ,无 偿 使 用 ,无 约束 地 继续 传播 。 另 一 个 原因 是 ， 
ERA UNIX 的 全 部 功能 ,任何 使 用 UNIX 操作 系统 或 想 要 学 习 UNIX 操作 系统 的 人 都 可 
以 从 Linux 中 获 益 。 

目前 ,中 国内 地 的 Linux 发 行 版 有 : 

红旗 LinuxCRedflag Linux)、 冲 浪 Linux(Xteam Linux)、 蓝 点 Linux, Hiweed GNU/ 
Linux,Magic Linux, Engineering Computing GNU/Linux、Open Desktop、 新 华 Linux, 3E ® 
Linux, A% Linux, PERIE Linux, PAX Linux rfe 4e 58 Linux RaysLX) CD Linux, MC 
Linux、 即 时 Linux(Thizlinux) 、b2d linux; IBOX, MCLOS,FANX,Everest , i18 linux, 


图 9-27 Linux 的 企鹅 标志 


9.3.4 经 验 总 结 


在 做 测试 时 ,要 根据 网 站 的 特点 选择 合适 的 测试 过 程 ,这 样 才能 收 到 好 的 效果 。 网 站 测 
试 的 目的 就 是 发 现 网 站 中 存在 的 问题 。 事 实 上 .用户 对 于 网 站 不 满意 的 很 多 问题 都 是 很 容 
易 发 现 并 解决 的 ,但 是 不 通过 测试 可 能 就 发 现 不 了 这 些 问题 ,解决 这 些 问 题 更 是 无 从 谈 起 。 
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这 正 是 测试 的 重要 性 所 在 。 

一 般 情况 下 ,至 少 需 要 在 Windows 平台 和 Linux 平台 上 进行 兼容 性 测试 。 对 于 操作 系 
统 的 不 同 版 本 ,应 当 针 对 当前 主流 操作 系统 版 本 进行 兼容 性 测试 ,在 确保 主流 操作 系统 版 本 
兼容 性 测试 的 前 提 下 ,再 对 非 主流 操作 系统 版 本 进行 测试 ,尽量 保证 操作 系统 版 本 兼容 性 测 
试 的 完整 性 。 

导航 信息 的 功能 是 引导 浏览 者 在 页 面 上 搜索 查找 信息 ,并 实现 各 个 页 面 之 间 的 跳 转 。 
测试 时 要 看 导航 是 否 直观 ,是 否 易于 导航 。 对 于 大 多 数 浏览 者 而 言 ,是 没有 心思 和 精力 去 搞 
清楚 某 个 网 站 的 整体 结构 的 ,一 般 在 浏览 时 凭 的 是 第 一 眼 的 感觉 ,如 果 无 法 快速 找到 信息 ， 
就 会 很 快 离开 。 因 此 ,网 页 上 的 导航 信息 要 尽 可 能 地 简单 准确 。 

关于 参加 可 用 性 测试 的 人 员 ,不 应 该 选择 网 页 设计 人 员 ,最 好 是 找 一 些 与 网 站 开发 没有 
关系 的 人 员 或 网 站 的 各 类 用 户 进 行 测试 。 因 为 网 页 设计 人 员 很 容易 认为 所 有 的 设计 都 是 完 
美的 ,但 事实 并 非 如 此 。 测 试 时 要 让 人 们 不 带 任何 偏见 地 浏览 网 站 ,提出 宝贵 意见 。 利 用 可 
用 性 测试 的 反馈 信息 ,可 以 更 好 地 改进 网 站 的 设计 。 

下 面 给 出 了 一 些 测试 问题 ,可 以 在 测试 时 使 用 。 

* 你 对 网 站 的 第 一 印象 如 何 ? 

。 你 认为 网 站 的 目的 是 什么 ? 

。 进入 网 站 后 ,你 想 去 哪儿 ? 

。 你 是 否 能 够 轻松 确定 如 何 去 查 找 某 一 主题 的 更 多 信息 ? 

。 网 站 组 织 结构 是 否 合理 ? 

。 网 站 的 所 有 元 素 ( 例 如 动画 ,视频 、 表 单 ) 的 运作 是 否 与 你 的 期 望 一 致 ? 

* 对 于 这 个 网 站 ,你 喜欢 什么 ? 不 喜欢 什么 ? 
查找 特定 主题 内 容 时 ,你 是 否 会 遇 到 麻烦 ? 
你 所 处 的 位 置 在 哪里 ? 你 是 如 何 判断 的 ? 
怎样 返回 首页 (主页 )? 


9.4 EX 训 


对 “新 闻 类 别 网 站 ”进行 功能 测试 ,性 能 测试 和 其 他 专项 测试 。 


DOO 
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在 本 地 的 计算 机 上 制作 好 网 站 ,并 通过 测试 之 后 ,还 需要 将 其 发 布 到 Internet E ,才能 
被 Internet 的 浏览 者 所 访问 。 在 网 站 发 布 之 前 ,需要 先 在 Internet 上 申请 域名 和 空间 ,然后 
利用 FTP 软件 上 传 网 站 。 站 点 发 布 之 后 ,还 需要 对 网 站 进行 宣传 ,提高 网 站 的 访问 率 。 


10.1 申请 域名 和 空间 


[PUT 

1. IP 地 址 与 域名 

Internet 上 的 每 一 台 主 机 都 有 一 个 IP 地 址 。IP 地 址 是 一 个 32 位 的 二 进 制 数 ,为 方便 
使 用 ,用 四 个 点 分 十 进 制 数 来 表示 (如 202. 108. 22. 46) 。 但 即使 如 此 ,直接 使 用 或 者 记忆 IP 
地 址 仍 很 不 方便 ,因此 ,产生 了 使 用 比较 直观 的 文字 符号 或 数字 来 代替 IP 地 址 的 办 法 ,这 就 
是 域名 。 域 名 是 用 来 替代 IP 地 址 以 方便 浏览 者 访问 的 ,相对 于 IP 地 址 而 言 ,域名 更 便于 理 
解 和 记忆 。 例 如 ,浏览 者 想 访 问 百度 网 站 ,只 需 输入 www. baidu. com 就 可 以 了 ,www. 
baidu. com 就 是 域名 。 

2. 域名 与 网 站 类 型 

域名 是 由 多 个 字段 组 成 (一 般 为 三 个 字段 或 四 个 字段 ), 各 字段 之 间 用 英文 的 句号 “. ”来 分 
隔 , 如 www. sina. com. cn, 这 个 域名 分 为 四 个 字段 。 第 一 段 表示 入 网 的 主机 名 ,一 般 命名 为 
www, 表 示 这 侣 主机 提供 www( 万 维 网 ) 服 务 ;第 二 段 表示 这 台 主 机 所 处 的 网 络 的 名 称 ,比如 
sina; 第 三 段 com 表示 是 sina 这 个 网 络 是 商业 类 型 的 网 络 , 又 称 为 二 级 域名 ;第 四 段 表 示 二 级 
域名 所 属 的 国家 ,cn 表示 sina 所 处 的 这 个 商业 网 络 属于 中 国 , 第 四 段 又 称 为 顶级 域名 。 

对 于 三 段 式 域名 ,比如 www. baidu. com. www 表示 主机 名 ,baidu 表示 此 主机 所 处 网 
络 的 名 称 ,com 表示 此 网 络 属 于 国际 商业 网 络 。 

所 以 ,网 站 域名 的 倒数 第 二 段 或 最 后 一 段 表 示 了 网 站 的 类 型 。 

3. 域名 注册 与 解析 

域名 是 由 国际 域名 管理 组 织 或 国内 的 相关 机 构 统 一 管理 的 。 有 很 多 网 络 公 司 可 以 代理 域 
名 的 注册 业务 ,例如 中 国 万 网 http://www. net. cn、 中 国 频道 : http://www. chinachannel. 
com, HHR ZI www. now. cn、 新 网 http://www. xinnet. com 等 ,可 以 在 搜索 引擎 上 查找 到 域名 
代理 商 ,在 它们 的 公司 网 站 上 注册 域名 。 


ve. 第 10 章 发 布 网 站 


域名 需要 指向 网 站 服务 器 的 IP 地址。 在 注册 域名 之 后 ,需要 把 域名 解析 到 一 个 指定 的 
IP 上 。 一 个 域名 可 以 解析 多 个 二 级 域名 ,这 些 二 级 域名 可 以 指向 不 同 服务 器 的 网 站 。 除 了 
解析 主机 名 之 外 ,域名 还 可 以 作为 别名 .邮件 交换 记录 的 解析 。 

4. 服务 器 空间 

服务 器 空间 就 是 存放 网 站 文件 的 地 方 。 服 务 器 空间 可 分 为 两 大 类 型 ,免费 空间 和 付费 
空间 。 由 于 免费 空间 的 服务 不 能 得 到 保证 ,企业 一 般 都 会 申请 付费 空间 。 企 业经 常 采用 的 
服务 器 形式 有 三 种 : 虚拟 主机 、 服 务 器 托管 和 自 建 服务 器 。 

(1) 虚拟 主机 是 使 用 特殊 的 软 硬 件 技术 ,把 一 台 网 站 服务 器 划分 为 若干 个 “虚拟 ”的 主 
机 。 每 个 虚拟 主机 都 可 以 是 一 个 独立 的 网 站 ,可 以 具有 独立 的 域名 ,具有 完整 的 Internet 服 
务 器 功能 (WWW、FTP、E-mail 等 )。 同 一 台 主 机 上 的 虚拟 主机 之 间 是 完全 独立 的 ,在 外 界 
看 来 ,每 一 台 虚 拟 主 机 和 一 台独 立 主机 的 表现 完全 一 样 。 

(2) 服务 器 托管 是 指 在 专门 的 服务 器 托管 公司 环境 里 放置 一 台 服 务 器 ,或 向 其 租用 一 
台 服 务 器 ,满足 客户 远程 控制 -WWW 浏览 .E-mail 收发 .FTP 文件 的 上 传 与 下 载 等 功能 。 
服务 器 托管 的 基本 形态 就 是 租用 专门 的 服务 器 托管 公司 的 网 络 线路 、 自 己 选择 服务 器 配置 
及 服务 应 用 软件 ,然后 由 专门 的 服务 器 托管 公司 负责 维护 。 

(3) 自 建 服务 器 是 指 企 业 自 己 准备 硬件 资源 ,自己 安装 服务 软件 ,并 自行 维护 。 


10.1.1 任务 描述 


“新 闻 类 别 网 站 ?发 布 任务 之 一 : 申请 域名 和 服务 器 空间 。 

C h+ 

一 般 来 讲 , 网 站 的 发 布 分 为 两 种 情况 ,其 一 是 所 开发 的 网 站 作为 已 有 站 点 的 一 个 版 块 ; 
其 二 是 所 开发 的 网 站 作为 一 个 独立 的 新 网 站 。 前 者 的 发 布 比较 简单 ,只 需要 将 网 站 代码 上 
传 至 网 络 管理 员 指 定 的 服务 器 位 置 ,并 在 已 有 的 网 站 中 建立 一 个 指向 其 首页 的 链接 即 可 。 
对 于 后 者 稍 麻烦 些 , 本 节 内 容 以 后 者 为 例 介 绍 网 站 的 发 布 操作 。 

服务 器 空间 用 于 存放 站 点 文件 夹 ,域名 用 于 访问 网 站 。 


10.1.2 任务 实现 


申请 域名 和 服务 器 空间 包括 两 个 任务 : 
任务 1 申请 网 站 域名 
任务 2 申请 服务 器 空间 
任务 1: 申请 网 站 域名 
COD 确定 域名 类 型 
根据 “新 闻 类 别 网 站 ”的 特点 ,确定 网 站 类 型 , 即 确定 其 域名 的 最 后 一 段 或 最 后 两 段 ( 又 
称 为 域名 的 后 级 )。 


B E 
这 里 只 给 出 工作 步骤 ,不 给 出 工作 结果 ,请 读者 自行 确定 域名 后 缓 。 
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(2) 选取 网 站 域名 

为 “新 闻 类 别 网 站 ”选取 合适 的 域名 。 

小 贴 士 

域名 具有 全 球 唯一 性 。 在 选取 了 某 个 域名 之 后 ,必须 确定 该 域名 是 否 已 经 被 人 使 用 。 
可 以 到 提供 域名 注册 的 站 点 上 进行 域名 查询 。 如 果 发 现 该 域名 已 经 存在 ,就 必须 选 一 个 新 
的 域名 。 域 名 注册 网 站 都 提供 域名 查询 功能 ,可 以 对 要 申请 的 域名 进行 查询 。 

(3) 注册 域名 

为 “新 闻 类 别 网 站 ”注册 域名 。 


EX 
这 里 只 给 出 工作 步骤 ,不 给 出 工作 结果 ,请 读者 自行 注册 网 站 域名 。 


在 选 定 一 个 尚未 使 用 的 域名 作为 自己 的 域名 之 后 ,就 可 以 注册 了 。 

域名 注册 时 ,注册 与 交 费 都 在 网 上 完成 ,一 般 不 需要 在 网 络 公司 实际 办 理 。 网 上 域名 注 
册 的 步骤 大 致 相同 ,一般 包 括 域名 查询 .类 型 选择 ,年限 选择 .信息 填写 .信息 确认 、 缴 纳 费 用 
等 ,每 一 步骤 的 操作 在 相关 网 页 上 都 有 提示 。 

下 面 以 在 中 国 万 网 上 注册 一 个 域名 为 例 , 说 明 域 名 的 注册 过 程 。 

操作 步骤 如 下 : 

(D 登录 中 国 万 网 (http://www. net. cn) ,在 查询 域名 的 查询 文本 框 中 输入 要 申请 的 域 
名 。 例 如 查询 一 个 haoxinwen 的 域名 ,如 图 10-1 所 示 。 
I 中 国 领先 的 域名 注册 和 虚拟 主机 服务 提供 商 -中 国 万 网 (www.net.cn] - Microsoft Internet Explorer 
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图 10-1 域名 查询 


© 单 击 【查询 按钮 ,出 现 查 询 结 果 页 面 ,如 图 10-2 所 示 。 
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域名 查询 结果 
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图 10-2 域名 查询 结果 


© 在 域名 的 查询 结果 中 选择 需要 注册 的 域名 , 单 击 【 单 个 注册 3 按钮 ,将 进入 到 申请 年 
限 和 产品 种 类 的 选择 页 面 ,如 图 10-3 所 示 。 
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图 10-3 年 限 和 产品 选择 
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CD 选择 年 限 及 产品 后 , 单 击 【提交 3】 按钮 ,进入 信息 填写 页 面 .在 域名 注册 的 表单 中 填写 
域名 的 注册 资料 。 这 些 域 名 的 注册 资料 可 用 于 域名 续费 等 其 他 业务 ,需要 填写 准确 的 注册 
资料 ,如 图 10-4 所 示 。 
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在 填写 公司 英文) 时 ,加 果 没 有 英文 公司 名 称 清 填写 与 中 文 各 称 相同 的 全 拼音 
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可 一 次 注册 最 多 为 10 个 域名 。 
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图 10-4 ”信息 填写 


C) 填写 完成 后 提交 这 个 域名 的 注册 信息 ,会 进入 注册 成 功 页 面 。 提 交 成 功 后 ,还 需要 
按照 该 域名 服务 商 的 交 费 规定 进行 交 费 。 域 名 的 购买 一 般 都 可 以 在 线 支付 ,选择 一 个 支付 
方式 进行 在 线 支付 ,如 图 10-5 所 示 。 域 名 完成 注册 并 交 费 后 , 即 可 使 用 这 个 域名 指向 “新 闻 
类 别 网 站 ”( 将 域名 指向 网 站 的 任务 这 里 还 不 能 做 ,因为 网 站 还 没有 上 传 , 在 完成 后 续 的 任务 
后 , 即 可 实现 此 任务 。 请 参考 后 续 内 容 ) 。 


(4) 域名 解析 
为 “新 闻 类 别 网 站 ”进行 域名 解析 。 
小 贴 士 


大 多 数 域名 注册 网 站 都 提供 域名 解析 功能 ,进入 域名 解析 页 面 一 般 都 需要 先进 行 登录 。 

登录 中 国 万 网 自助 域名 解析 系统 ,如 图 10-6 所 示 。 

在 域名 服务 商 的 域名 解析 页 面 上 用 域名 和 域名 管理 口令 登录 域名 管理 系统 ,进入 域名 
管理 页 面 后 , 单 击 【域名 解析 按钮 可 以 进入 域名 解析 网 页 ,增加 域名 解析 。 一 个 域名 要 实现 
HTTP 服务 , 则 要 解析 到 一 个 Web 服务 器 的 一 个 固定 IP 上 ,让 域名 映射 到 该 Web 服务 器 。 
域名 解析 填写 正确 后 , 单 击 【提交 按钮 , 即 可 生效 。 

任务 2: 申请 服务 器 空间 

企业 可 能 采用 的 服务 器 形式 有 三 种 ,如 前 面 的 知识 储备 所 述 。 下 面 以 虚拟 主机 和 服务 
器 托管 方式 为 主 ,以 自 建 服务 器 为 辅 ,分 别 讲述 完成 “新 闻 类 别 网 站 ”的 服务 器 空间 申请 任务 
的 操作 方法 。 
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图 10-5 在 线 支 付 


3 域 名 自助 解析 平台 -中 国 万 网 (www.net.cn] - Microsoft Internet Explorer 
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图 10-6 ”域名 解析 


子 任务 1 申请 虚拟 主机 
子 任务 2 申请 服务 器 托管 
子 任务 3 自 建 服务 器 

子 任务 1: 申请 虚拟 主机 

为 “新 闻 类 别 网 站 ”申请 虚拟 主机 。 


网 站 项 目 规划 与 设计 


a 注意 
这 里 只 给 出 工作 步骤 ,不 给 出 工作 结果 ,请 读者 自行 在 网 上 申请 虚拟 主机 。 


(1) 确定 需要 的 服务 器 空间 类 型 和 大 小 

C Nn d 

不 同 服务 器 空间 的 主要 区 别 是 支持 网 站 程序 和 支持 数据 库 的 不 同 。 

常用 的 服务 器 空间 可 能 分 别 支持 下 面 这 些 不 同 的 网 站 程序 。 

。 ASP; 使 用 Windows 系统 和 IIS 服务 器 。 

* PHP: 使 用 Linux 系统 或 Windows 系统 ,使 用 Apache 网 站 服务 器 。 

* .NET: 使 用 Windows 系统 和 IIS 服务 器 。 

* JSP; 使 用 Windows 系统 和 Java 的 网 站 服务 器 。 

不 同 的 服务 器 空间 可 能 支持 不 同 的 数据 库 , 常 用 数据 库 有 以 下 几 种 。 

。 Access: 常用 于 ASP 网 站 。 

* SQL Server; 常用 于 ASP 网 站 或 .NET 网 站 。 

* MySQL 数据 库 : 常用 于 PHP 网 站 或 JSP 网 站 。 

* Oracle 数据 库 : 常用 于 JSP 网 站 。 

在 注册 服务 器 空间 时 ,需要 选择 支持 自己 网 站 程序 与 数据 库 的 服务 器 空间 。 例 如 ,本 教 
材 中 “新 闻 类 别 网 站 ”采用 的 开发 技术 是 JSP, 数 据 库 管理 系统 是 SQL Server, 需 要 选择 支持 
JSP 和 SQL Server 的 服务 器 空间 。 同 时 ,需要 注意 所 申请 的 服务 器 空间 大 小 ,100MB 的 空 
间 可 存放 一 般 规模 的 网 站 。 如 图 10-7 所 示 是 中 国 万 网 的 虚拟 主机 申请 页 面 。 
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图 10-7 虚拟 主机 类 型 


(2) 选择 提供 虚拟 主机 的 服务 商 
请 读者 多 了 解 一 些 提供 虚拟 主机 的 服务 商 ,咨询 交 费 规定 和 提供 的 服务 等 相关 内 容 , 选 


择 较 适 合 自己 的 服务 商 。 


(m 
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ex 


小 贴 士 

比较 著名 的 有 中 国 万 网 (www. net. cn)、 新 网 互联 (www. dns. com. cn)、 商 务 中国 (www. 
bizcn. com) ,35 互联 (www. 35. com) 、 时 代 互 联 (www. now. cn) "P IS] E 3J 8 (www. edong. com) 等 。 

(3) 联系 服务 商 

与 服务 商 进 行 沟通 ,咨询 一 些 与 申请 虚拟 主机 有 关 的 事宜 。 

EE] 小 贴 士 

几乎 所 有 的 虚拟 主机 服务 商都 提供 在 线 QQ 咨询 服务 ,咨询 起 来 很 方便 。 

(4) 申请 服务 器 空间 

进入 选 好 的 服务 商 网 站 的 虚拟 主机 申请 页 面 ,按照 提示 进行 申请 服务 器 空间 的 操作 。 

上 小 贴 士 
同 服务 商 的 申请 方法 和 流程 可 能 会 有 不 同 , 大 体 流 程 是 : 在 服务 商 网 站 上 注册 会 
员 一 选 好 需要 的 空间 一 填写 相关 信息 一 下 订单 一 选择 支付 方式 (在 线 银 行 支付 或 邮政 支付 
等 ) 并 支付 一 服务 商 确 认 收 到 钱 后 开通 空间 。 

子 任务 2: 申请 服务 器 托管 

申请 服务 器 托管 的 方法 与 前 面 虚拟 主机 的 申请 类 似 , 同 样 需要 选择 服务 商 , 上 网 申请 、 
在 线 付 费 等 操作 ,这 里 就 不 再 歼 述 。 请 读者 自行 申请 服务 器 托管 。 

(EE) 小 贴 士 

服务 器 托管 ,可 以 采用 主机 托管 和 主机 租用 两 种 方式 。 

主机 托管 是 用 户 自 备 服务 器 硬件 ,自己 安装 软件 ,由 服务 提供 商 负 责 该 主机 能 够 连接 到 
网 络 上 及 保证 该 主机 能 够 正常 运行 。 中 国 万 网 就 是 一 个 不 错 的 服务 器 托管 公司 , 单 击 万 网 
首页 导航 条 的 独 享 主 机 ,选择 其 中 的 主机 托管 ,如 图 10-8 所 示 。 
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主机 租用 是 由 服务 提供 商 提供 硬件 ,负责 基本 软件 的 安装 、 配 置 , 负 


责 服务 器 上 基本 服 


务 功能 的 正常 运行 ,用 户 独 享 服务 器 的 资源 ,并 可 运行 自行 开发 的 程序 。 单 击 万 网 的 独 享 主 
机 ,可 以 选择 租用 什么 样 的 服务 器 ,如 图 10-9 所 示 。 
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ERERESTA ,主机 个 控 管理 平台 ,主机 不 控 管 于 平台 B. 
EN-E ew EN-E New VENUE New Ei 
nsus 机 房 详细 介绍 menm asym mans Lor i 
CRSA 个 北京 多 办 个 北京 多 二 le: A 
Cmm Cist 个 南京 电信 x 
C KEPA C KSA 个 大 连 风 重 SNAM 
C xu CIR CIAR SSSA 
WE] mxscitm WE] exssitm WR] exsaum 
了 800 元 /年 15600 职 分 /年 1500s 30000 积 分 /年 24800 元 /年 49999 积 分 /年 
ERES sewn ^ BX3u zew m 使 用 手册 
图 10-9 主机 租用 


子 任务 3: 自 建 服务 器 
一 般 的 中 小 型 企业 不 建议 采用 此 种 方式 ,在 此 不 再 细 述 。 有 兴趣 的 读者 可 自行 查找 相 
关 资 料 ( 当 然 这 种 方式 对 读者 的 自身 能 力 要求 也 较 高 ) 。 


10.1.3 相关 知识 拓展 


1. 域名 


按照 管理 机 构 与 域名 后 级 的 不 同 . 网 站 的 域名 可 分 为 国内 域名 与 国际 域名 两 种 。 

。 国 内 域名 : VA. cn 作为 域名 后 级 的 域名 就 是 国内 域名 。 如 www. sina. com. cn 是 一 
个 国内 域名 ,而 www. sina. com 则 是 一 个 国际 域名 。 国 内 域名 是 由 中 国 互联 网 信息 
Huò (http://www. cnnic. net) 统 一 管理 的 。 中 国 互 联网 信息 中 心 授权 一 些 网 络 公 
司 经 营 和 管理 国内 域名 。 

。 国际 域名 : 各 个 国家 都 大 量 使 用 没有 国家 字段 的 域名 .被 称 作 国际 域名 。 如 www. 
baidu. com 就 是 一 个 国际 域名 。 域 名 起 源 于 美国 ,美国 的 域名 省 略 了 国家 字段 。 国 
际 域 名 是 由 美国 统一 管理 的 。 常 见 的 以 . com 结尾 的 域名 都 是 国际 域 
名 。 国 内 的 一 些 网 络 公 司 代理 国际 域名 。 

域名 的 倒数 第 二 个 字段 或 国际 域名 的 最 后 一 个 字段 代表 域名 的 种 类 。 表 10-1 为 一 些 


~. net,. org 


x 
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常见 的 域名 后 绥 类 型 。 
表 10-1 常用 的 域名 字段 

字 B 类 型 字 B 类 型 
.com 商业 机 构 域 名 .ec 商业 公司 域名 

. net 网 络 服务 机 构 域 名 .info 信息 和 信息 服务 机 构 
.org 非 营利 性 组 织 .tv 电视 媒体 域名 
.gov 政府 机 构 域名 . biz 商业 机 构 域名 

.edu 教育 机 构 域名 


对 于 . gov 政府 域名 、. edu 教育 域名 等 类 型 的 域名 ,要 求 申请 单位 必须 具备 相关 资质 ， 
申请 和 注册 时 需要 提供 有 效 的 证 明 材 料 。 

以 下 是 一 些 经 常 采 用 的 域名 选择 方法 。 

。 直接 使 用 实际 机 构 的 简称 作为 域名 ,例如 www. cctv. com、www. cnnic. com, 

。 使 用 机 构 的 英文 单词 作为 域名 ,例如 www. people. com. cn、www. chinachannel. com。 

。 使 用 机 构 的 汉语 拼音 作为 域名 ,例如 www. alibaba. com、www. baidu. com, 

。 使 用 品牌 名 称 作 为 域名 ,例如 www. lenovo. com 、www. hasee. com, 

。 使 用 数字 作为 域名 ,例如 www. 163. com、www. 35. com, 

。 使 用 汉语 拼音 与 单词 或 数字 的 组 合作 为 域名 ,例如 www. hao123. com, www. e21. 


com. cn, 
2. 虚拟 主机 、 服 务 器 托管 、 自 建 服务 器 比较 


(1) 虚拟 主机 的 特点 
。 建站 方便 迅速 : 现在 主要 的 服务 商都 已 经 实现 了 业务 流程 的 电子 商务 化 ,选择 适合 
自己 需要 的 虚拟 主机 ,在 线 付款 之 后 马上 就 可 开通 ,非常 方便 快捷 。 
。 服务 器 管理 简单 : 如 果 采 用 虚拟 主机 方案 , 则 诸如 软件 配置 、 防 病毒 、 防 攻击 等 安全 
措施 都 由 专业 服务 商 提供 ,可 大 大 简化 服务 器 管理 的 复杂 性 。 
。 成 本 相对 较 低 : 相对 于 购买 独立 服务 器 ,虚拟 主机 可 以 大 大 降低 小 型 企业 在 网 站 人 
力 、 财 力 等 方面 的 投入 成 本 ,并 可 获得 专业 的 维护 和 较 好 的 性 能 。 
因此 ,虚拟 主机 空间 适合 于 网 站 内 容 比较 少 ,功能 不 是 太 复杂 ,访问 量 也 不 是 很 大 的 企 
业 网 站 。 
(2) 服务 器 托管 的 特点 
服务 器 托管 采用 的 是 专门 服务 器 ,通过 这 种 方式 建立 的 企业 网 站 ,具有 更 强 的 功能 和 更 
大 的 灵活 性 ,可 自主 决定 运行 的 系统 和 从 事 的 业务 。 不 过 .这 种 方式 要 求 企业 具有 一 定 的 经 
济 实力 ,能 够 承担 服务 器 组 建 、 线 路 租用 以 及 后 期 维护 费用 等 。 
对 于 中 小 型 企业 而 言 , 如 果 企 业 网 站 访问 量 大 .有 适合 企业 的 运作 机 制 , 但 又 无 法 投入 
更 多 的 人 力 做 后 期 维护 ,那么 服务 器 托管 的 方式 将 是 首选 。 
(3) 自 建 服务 器 的 特点 
若 企 业 自 建 服务 器 , 则 需要 有 水 平 较 高 的 专业 技术 人 员 ,还 得 投入 较 大 的 资金 购置 较 好 


esp 


网 站 项 目 规划 与 设计 2j 


性 能 的 服务 器 ,并 且 日 常 维护 工作 量 也 非常 大 。 这 种 方式 完整 的 构建 流程 包括 : 申请 互联 
网 接 入 线路 ,申请 网 站 域名 、 购 置 网 站 服务 器 、 安 排 专 门 的 技术 人 员 管 理 与 维护 ,可 以 说 其 投 
入 成 本 是 相当 大 的 。 

虽然 自 建 服 务 器 方式 在 投入 成 本 方面 大 大 高 于 虚拟 主机 以 及 服务 器 托管 ,但 其 体现 的 特 
点 也 是 十 分 显著 的 。 企 业 自 己 组 建 网 站 服务 器 ,一 方面 可 以 根据 企业 实际 情况 配置 服务 器 , 安 
装 适合 企业 运作 的 管理 软件 ,更 快 地 获得 市 场 商机 、 加 强 与 客户 的 沟通 ; 男 一 方面 可 以 通过 企 
业 网 站 服务 器 建立 内 部 局 域 网 ,加 强 员工 之 间 的 交流 .也 方便 了 企业 对 员工 工作 的 监控 与 
管理 。 

目前 ,成 熟 的 大 中 型 企业 均 可 考虑 采用 此 类 网 站 建设 方式 。 其 完整 的 网 站 管理 环境 可 
以 全 面 提升 网 站 运营 质量 ,让 企业 更 好 地 利用 互联 网 为 自己 服务 ,同时 也 可 以 加 强 企 业 自 身 
的 建设 ,全 面 实现 企业 的 信息 化 。 


10.1.4 经 验 总 结 


域名 是 企业 在 网 络 上 的 商标 ,为 网 站 起 一 个 好 的 域名 非常 重要 。 一 个 好 的 域名 能 够 让 
人 很 容易 地 联想 到 该 企业 或 企业 所 从 事 的 业务 ,这 对 宣传 推广 网 站 是 非常 有 利 的 。 

在 选取 域名 时 ,主要 考虑 希望 域名 拥有 什么 样 的 含义 ,是 要 包含 企业 名 字 , 还 是 要 包含 
企业 商标 ,或 是 要 包含 产品 类 型 ,以 及 是 否 要 将 域名 印 制 出 来 进行 广告 宣传 等 。 一 般 来 说 ， 
域名 要 便于 人 们 记忆 ,而 且 要 具有 实际 意义 。 没 有 特殊 含义 的 或 是 太 长 的 不 便于 记忆 的 域 
名 是 不 宜 使 用 的 。 如 果 企 业已 经 拥有 公认 的 商标 或 者 名 字 , 可 以 使 用 它们 来 作为 域名 。 

注册 域名 时 ,需要 选择 服务 好 的 域名 代理 商 进行 注册 。 在 续费 、 域 名 解析 等 后 期 服务 
中 ,好 的 域名 服务 商 可 以 提供 更 好 的 域名 服务 。 

选择 何 种 服务 器 方式 构建 网 站 , 则 要 根据 企业 自己 的 实际 情况 ,需要 考虑 企业 的 互联 网 
应 用 和 企业 人 力 、 财 力 ,物力 等 各 方面 的 支持 。 

服务 器 空间 可 以 申请 付费 空间 ,也 可 以 申请 免费 的 空间 。 在 互联 网 上 有 很 多 公司 提供 免 
费 空间 给 个 人 使 用 ,同时 提供 一 个 免费 的 域名 。 但 这 种 免费 的 域名 一 般 是 二 级 域名 或 带 免 费 
域名 机 构 相 应 信息 的 一 个 链接 目录 。 免 费 空间 通常 都 比较 小 ,功能 也 很 少 , 一 般 只 支持 静态 的 
HTML 文件 ,而 且 服 务 没 有 必要 的 保证 。 但 是 .免费 空间 只 需要 向 服务 商 的 网 站 提供 一 些 个 
人 信息 就 可 以 得 到 空间 ,这 对 于 刚 开始 学 习 网 页 制作 的 人 们 来 说 是 非常 合适 的 。 具 体操 作 方 
法 是 在 搜索 引擎 上 搜索 免费 主页 空间 ,然后 根据 要 求 填写 相关 的 个 人 注册 信息 即 可 。 


10.2 发 布 网 站 


10.2.1 任务 描述 
发 布 “新 闻 类 别 网 站 ”。 


10.2.2 任务 实现 


发 布 网 站 又 称 为 上 传 网 站 ,是 把 做 好 的 网 页 文件 发 布 到 服务 器 空间 。 发 布 网 站 的 方法 
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有 多 种 ,下 面 分 别 使 用 Dreamweaver、LeapFTP 和 IE 浏览 器 三 种 工具 来 实现 网 站 的 上 传 。 
任务 1 使 用 Dreamweaver 上 传 网 站 
任务 2 ”使 用 LeapFTP 上 传 网 站 
任务 3 使 用 下 浏览 器 上 传 网 站 
任务 1: 使 用 Dreamweaver 上 传 网 站 
Dreamweaver 提供 上 传 网 站 的 功能 ,这 需要 先 在 
Dreamweaver 中 建立 一 个 站 点 。 在 前 面 章节 中 就 创建 
过 本 地 站 点 ,现在 要 为 该 站 点 设置 远程 站 点 的 相关 信 ”入 = 
息 。 具 体操 作 步 又 如 下 : — 
COD 选择 [站 点 菜单 中 的 [管理 站 点 命令 ,打开 
【管理 站 点 】 对 话 框 ,选中 要 上 传 的 站 点 ,如 图 10-10 所 
示 。 然 后 单 击 【编辑 ] 按 钮 。 
(2) 打开 【站 点 定义 对 话 框 后 ,在 【高 级 选项 卡 
的 【分 类 了 列表 框 中 选中 [远程 信息 〗。 在 【访问 】 下 拉 列 
表 框 中 设置 远程 服务 器 上 传 文件 时 的 访问 类 型 ,一 般 1010 【管理 站 点 ] 对 话 杠 
情况 下 为 FTP 服务 ,如 图 10-11 所 示 。 


新 建 四 
编辑 E) 
Sl) 
删除 (BR) 
Sg 
导入 上 加) 
m] 


助 


news 的 站 点 定义 为 [x] 
基本 mm | 
分 类 


Contribute 


取消 帮助 


图 10-11 设置 站 点 的 访问 类 型 


小 贴 士 

【访问 】 下 拉 列 表 框 中 有 6 个 选项 ,各 选项 的 含义 如 下 : 

。 无 : 表示 不 上 传 网 页 文件 。 

* FTP: 表示 以 FTP 传输 方式 将 网 页 文件 上 传 到 远程 服务 器 站 点 。 
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本 地 /网 络 : 表示 将 文件 传送 到 本 地 局 域 网 的 共享 文件 夹 下 。 
WebDAV: 使 用 Dreamweaver 连接 WebDAV 服务 器 。 
RDS; 使 用 远程 发 展 服务 进行 资源 管理 。 
SourceSafe 数据 库 : 表示 利用 Dreamweaver 将 网 页 与 SourceSafe 数据 库 进 行 链接 ， 
以 使 浏览 者 能 访问 该 数据 库 。 

(3) 从 KF 访问 J 下 拉 列 表 中 选择 FTP, 打 开 网 站 定义 对 话 框 中 的 Web 服务 器 信息 页 ,如 
图 10-12 所 示 。 


news 的 站 点 定义 为 ix 


基本 mg | 


远程 信息 
:| 
FTF 主 机 Q0: 


厂 使 用 Passive FTP Œ) 
r 使 有 防火墙) 防火 墙 设置 W... 
厂 使 用 安全 FTP (SFTP) @) 


服务 器 兼容 性 中 . 


Iv 维护 同步 信息 W 
厂 保存 时 自动 将 文件 上 传 到 服务 器 QD 
T 局 用 存 回 和 取出 E) 


取消 8 


图 10-12 设置 站 点 的 远程 信息 


执行 如 下 设置 信息 的 步 又: 

(D 在 [FTP 主机 文本 框 中 输入 远程 服务 器 的 主机 名 称 或 IP 地 址 。 

© 在 [登录] 和 【密码 ] 文 本 框 中 输入 前 面 申 请 空间 时 得 到 的 用 户 名 和 密码 。 

© 其 他 选项 选择 默认 值 , 单 击 【确定 了 按钮 ,返回 到 【管理 站 点 了 对话 框 , 单 击 【 完 成 ] 按 钮 
结束 设置 。 这 样 就 可 以 使 Dreamweaver 能 够 以 FTP 的 方式 把 本 地 站 点 的 文件 上 传 到 服务 
器 上 。 

(4) 在 【文件 了 面板 中 , 单 击 [展开 以 显示 本 地 和 远 端 站 点 了 按钮 , 则 在 站 点 管理 窗口 中 显 
示 本 地 和 远程 的 文件 ,窗口 左 侧 是 远 端 站 点 视图 , 右 侧 是 本 地 站 点 视图 ,如 图 10-13 所 示 。 

O) 单 击 【 连 接 远 端 主机 了 按钮 较 . 将 Dreamweaver 与 远程 网 站 接 通 。 接 通 后 .网 站 管 
理 窗 口 的 远程 网 站 窗口 中 将 自动 显示 远程 网 站 文件 目录 。 

(6) 在 【本 地 文件 窗口 中 选中 要 上 传 的 文件 ,这 里 选择 站 点 的 所 有 文件 ,然后 单 击 【 上 传 
文件 了 按钮 天 .就 开始 上 传 文件 了 。 网 站 文件 上 传 完 成 后 .【 远 端 站 点 窗口 将 列 出 远 端 站 点 的 
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@ Macromedia Dreamweaver 8 - [Untitled-1 (XHTML)] [.|n[ x] 
文件 (E) 编辑 (E) SEV MAO 
ER: [Ores = 了] Re Ela ^ € o dà e (Fm 


大 小 | | 本 地 文件 
车 要 查看 远 端 文件 ， 请 单 击 工具 栏 上 的 Ba 
TH. * 


2008-8-30 下 午 22:28 
© .myeclipse 2008-8-30 下 午 22:28 
sre 2008-8-30 下 午 22:28 
WebRoot 文件 夹 。 2008-8-30 下 午 22:28 
work 文件 夹 2008-8-30 下 午 22:28 
classpath 1KB CLASSP... 2008-12-1 下 午 13:24 
mymetadata 1KB MYMETA... 2008-12-1 下 午 13:24 
nyunldata 1KB MYUWLD... 2008-8-30 下 午 22:28 
project 2KB PROJEC... 2008-12-1 下 午 13:11 
tomcatpl... 1KB TOMCAT... 2008-8-30 下 午 22:28 


图 10-13 ”站 点 管理 窗口 
文件 列表 ,如 图 10-14 所 示 。 此 时 在 左右 两 个 窗口 中 可 以 看 到 一 模 一 样 的 文件 和 文件 夹 。 


@ Macromedia Dreamweaver 8 [-|e[x] 
文件 (E) 编辑 (E) 查看 (VW) 站 点 (3) 


zxjos a] Alego t y a ola 
EETA 可 


Default. jsp Copyright. jsp 2KB JSP 文件 2008-8-30 ... 
List. jsp Default. jsp — 4KB JSP 文件 2008-12-T ... 
Login. jsp Ñ List. jsp AKB JSP 文件 2008-8-30 
Logout. jsp Ñ Login jsp 3KB JSP 文件 2008-8-30 .. 
Ï Profile. jsp J| Logout. jsp 1KB JSP 文件 2008-8-30 .. 
Readme. jsp | Profile. jsp 1KB JSP 文件 2008-8-30 
Session. jsp | Readme. jsp  3KB JSP 文件 2008-8-30 
User. jsp j| Session. jsp 1KB JSP 文件 2008-8-30 
VerifyCode. jsp Ñ User. jsp SKB JSP 文件 2008-8-30 .. 
O work Ñ VerifyCode... 1KB JSP 文件 2008-8-30 .. 
classpath © work 文件 夹 2008-8-30 
mymetadata classpath 1KB CLASSPATH 文件 。 2008-12-1 
nyunldata mynetadata 1KB MYMETADATA 文件 。 2008-12-1 . 
project myunldate 1KB MYUNLDATA 文件 2008-8-30 .. 
toncatplugin project 2KB PROJECT 文件 2008-12-1 .. 
toncatplugin 1KB TOMCATPLUGIN 文件 2008-8-30 


®© AR: 2008-8-30 下 午 22:28 大 小 : 2KB Bi 


图 10-14 网 站 上 传 页 面 


任务 2: 使 用 LeapFTP 上 传 网 站 

使 用 FTP 软件 上 传 网 站 是 最 常用 的 上 传 方式 .FTP 软件 有 CuteFTP, LeapFTP, 
FlashFXP 等 。 其 中 LeapFTP 是 一 款 很 受 欢迎 的 FTP 软件 .方便 实用 ,容易 上 手 。 

从 网 上 下 载 LeapFTP, 得 到 的 是 压缩 包 。 将 已 经 下 载 的 压缩 包 解 压缩 ,可 以 看 见 如 
图 10-15 所 示 的 一 些 文件 。 

使 用 LeapFTP 上 传 网 站 的 具体 步骤 如 下 : 

(1) 双击 运行 LeapFTP. exe 文件 ,打开 LeapFTP 窗口 ,如 图 10-16 所 示 。 
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© LeapFTP 3.0 
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图 10-15 — LeapFTP 的 文件 图 10-16 — LeapFTP 主 界面 


C 小 贴 士 

LeapFTP 主 界面 的 窗口 有 以 下 几 种 。 

。 本 地 窗口 : 显示 本 地 硬盘 空间 的 内 容 , 上 传 时 可 以 通过 下 拉 菜 单 选择 网 站 的 本 地 
目录 。 

服务 器 窗口 : 显示 FTP 服务 器 的 内 容 。 如 果 连 接 上 服务 器 ,就 可 以 看 见 服务 器 上 有 
什么 目录 ,有 什么 文件 ,窗口 上 面 是 当前 所 在 位 置 路 径 。 

传输 状态 窗口 : 显示 当前 上 传 或 者 下 载 的 文件 列表 , 当 某 一 文档 传输 成 功 后 , 它 会 
自动 从 此 列表 中 消失 。 

连接 状态 窗口 : FTP 命令 行 状 态 显示 区 ,主要 显示 在 连接 过 程 中 的 验证 信息 。 
服务 器 地 址 栏 : 用 于 填写 远程 FTP 服务 器 的 地 址 ,可 以 是 域名 ,也 可 以 是 IP 地 址 。 

。 用 户 名 和 密码 栏 , 填写 在 远程 FTP 上 的 账户 名 和 密码 ,端口 默认 是 21。 

(2) 连接 服务 器 。 

在 主 界面 的 相应 位 置 输入 登录 服务 器 的 各 项 设置 信息 : 

CD 在 服务 器 地 址 栏 中 输入 FTP 服务 器 地 址 或 域名 。 

@ 在 用 户 名 栏 中 输入 申请 服务 器 空间 时 的 用 户 名 。 

C) 在 密码 栏 中 输入 申请 服务 器 空间 时 的 密码 。 

CD 端口 使 用 默认 的 21. 

C) 去 掉 匿 名 登录 前 的 对 钧 ,有 的 空间 不 支持 匿名 登录 。 

设置 完成 后 , 单 击 【确定 了 按钮 ,开始 连接 服务 器 。 连 接 成 功 后 ,服务 器 窗口 中 会 显示 所 
连接 到 的 服务 器 上 的 目录 。 接 下 来 就 可 以 上 传 文件 了 ,如 图 10-17 所 示 。 

(3) 上 传 网 站 。 

从 本 地 窗口 选 定 要 上 传 的 网 站 文件 夹 或 文件 ,用 鼠标 拖 至 远程 服务 器 窗口 , 即 开 始 上 传 
工作 。 等 上 传 结束 后 ,就 可 以 在 服务 器 窗口 中 看 到 上 传 的 网 站 ,与 本 地 窗口 的 网 站 内 容 一 
致 ,如 图 10-18 所 示 。 

上 传 是 最 基本 的 站 点 操作 , 另 一 个 常用 操作 是 下 载 。 如 果 想 从 服务 器 下 载 网 站 或 某 个 
文件 ,可 以 选中 要 下 载 的 内 容 , 在 右 击 快捷 菜单 中 选择 [下载 3 命令 即 可 。 
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图 10-17 连接 服务 器 
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图 10-18 上 传 网 站 


任务 3: 使 用 浏览 器 上 传 网 站 

如 果 手 头 没有 可 用 的 FTP 软件 ,也 可 以 直接 用 浏览 器 打开 FTP 服务 器 。 其 实 就 是 在 
浏览 器 中 建立 FTP 连接 ,将 上 传 的 操作 转化 为 资源 管理 器 中 的 复制 和 粘贴 的 操作 。 

具体 操作 步骤 如 下 : 

CD 在 下 浏览 器 的 [地 址 ] 栏 中 输入 *FTP: //”, 后 面 输入 FTP 服务 器 的 地 址 ,这 里 的 


ey 
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FTP 服务 器 地 址 就 是 已 申请 的 服务 器 空间 的 域名 。 
(2) 连接 时 会 弹出 [登录 身份 对 话 框 ,如 图 10-19 所 示 。 输 入 用 户 名 和 密码 , 单 击 【 登 
Y. 


Internet Explorer 


qe 要 登录 到 该 FTP 服务 器 ,请 输入 用 户 名 和 密码 。 


FTP 服务 器 : 211.82.32.38 
MPZ W: | 
mu: [ 
ERE. RIUUSXCT IR SS SES DOREM » UL BOE EI. 


DIESE) 
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图 10-19 【登录 身份 ] 对 话 框 


(3) 登录 后 可 看 到 对 应 服务 器 空间 中 网 站 里 的 内 容 。 此 时 就 可 以 像 使 用 自己 的 计算 机 
中 的 本 地 文件 夹 一 样 把 网 页 文件 复制 ,粘贴 过 去 。 


10.2.3 相关 知识 拓展 


1. FTP 协议 


FTP(File Transfer Protocal) 的 含义 是 文件 传输 协议 。 一 般 来 说 ,访问 网 络 的 首要 目的 
就 是 实现 信息 共享 ,而 文件 传输 是 信息 共享 的 重要 内 容 之 一 。Internet 上 早期 实现 传输 文 
件 , 并 不 是 一 件 容易 的 事 。Internet 是 一 个 非常 复杂 的 计算 机 环境 ,有 PC, 有 工作 站 ,有 
MAC( 苹 果 计 算 机 ), 有 大 型 机 ,而 这 些 计 算 机 可 能 运行 不 同 的 操作 系统 ,有 运行 UNIX 的 服 
务 器 ,也 有 运行 DOS, Windows 的 PC 和 运行 MacOS 的 苹果 机 等 ,而 各 种 操作 系统 之 间 的 
文件 交流 问题 ,需要 建立 一 个 统一 的 文件 传输 协议 .这 就 是 所 谓 的 FTP。 基 于 不 同 的 操作 
系统 有 不 同 的 FTP 应 用 程序 ,而 所 有 这 些 应 用 程序 都 遵守 同一 种 协议 ,这 样 用 户 就 可 以 把 
自己 的 文件 传送 给 别人 ,或 者 从 其 他 的 用 户 环境 中 获得 文件 。 

FTP 采用 “客户 机 /服务 器 ”方式 ,支持 FTP 协议 的 服务 器 就 是 FTP 服务 器 ,用 户 要 在 
自己 的 本 地 计算 机 上 安装 FTP 客户 机 程序 。 用 户 可 通过 客户 机 程序 从 远程 服务 器 下 载 文 
件 ,也 可 以 上 传 文件 到 远程 服务 器 。 例 如 , 当 用 户 启动 FTP 从 远程 计算 机 复制 文件 时 ,本 地 
FTP 客户 程序 向 FTP 服务 器 提出 复制 文件 的 请 求 . 远 程 FTP 服务 器 程序 响应 请 求 ,把 指定 
的 文件 传送 到 用 户 的 计算 机 上 ,客户 机 程序 代表 用 户 接收 文件 ,将 其 存放 在 用 户 目 录 中 。 

正如 其 名 ,FTP 的 主要 作用 就 是 在 Internet. 上 传输 文件 ,并 提供 登录 .目录 查询 文件 
操作 及 其 他 控制 功能 。 如 果 要 建立 或 更 新 自己 的 网 站 ,一 般 使 用 FTP 上传、 下 载 来 完成 网 
站 的 发 布 .管理 和 维护 。 


2. 设置 站 点 远程 信息 的 补充 


参见 图 10-13 ,设置 站 点 的 远程 信息 时 除了 前 述 的 基本 设置 外 ,还 可 以 设置 一 些 其 他 信息 。 
在 【主机 目录 文本 框 中 可 以 设置 服务 器 中 保存 文档 的 目录 ,此 目录 路 径 可 以 从 Web 服 
务 器 管理 员 那 里 得 到 ,假如 没有 设置 目录 ,这 部 分 可 以 为 空 。 


(m 
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选中 【使 用 Passive FTP】 复 选 框 , 则 此 FTP 连接 方式 可 以 为 被 动 式 连 接 。 在 通常 的 
FTP 传输 过 程 中 ,一 台 计 算 机 (客户 机 ) 先 与 其 他 计算 机 (服务 器 ) 建 立 连接 ,然后 请 求 发 送 
数据 ,而 防火 墙 保 护 (Firewall-protected) 的 服务 器 不 允许 建立 这 种 初始 连接 ,因此 无 法 传送 
数据 。 被 动 式 FTP 是 通过 本 地 的 软件 而 不 是 通过 服务 器 来 建立 连接 的 。 大 多 数 防火 墙 配 
置 使 用 被 动 式 FTP, 用 户 可 以 询问 网 络 管理 员 来 决定 是 否 需 要 该 设置 。 

选中 [使 用 防火 墙 ] 复 选 框 ,可 以 设置 是 否 使 用 防火 墙 .许多 公司 使 用 防火 墙 这 个 安全 
特性 来 防止 对 其 内 部 文档 的 不 期 望 的 访问 。 防 火 墙 有 多 种 类 型 ,每 一 种 都 有 多 重 安全 设置 。 
例如 ,有 些 防火 墙 允许 公司 内 部 人 员 自 由 地 互相 移动 文档 ,而 有 些 公 司 可 能 不 允许 Java 或 
者 ActiveX 控件 通过 防火 墙 移动 。 

单 击 【 测 试 ] 按 钮 ,可 以 测试 输入 的 FTP 主机 地 址 及 其 用 户 名 和 密码 是 否 正确 ,如 果 连 
接 成 功 , 会 弹出 一 个 连接 成 功 确认 对 话 框 。 


10.2.4 经验 总 结 


成 功 申请 空间 和 域名 之 后 , 接 下 来 就 是 将 制作 好 的 网 站 上 传 到 服务 器 上 以 便 让 别人 访 
问 。 上 传 都 是 通过 FTP 完成 的 ,但 是 可 以 采用 三 种 不 同 的 方式 : 使 用 FTP 软件 上 传 、 使 用 
网 页 制作 工具 上 传 和 使 用 浏览 器 上 传 ,其 中 ,使 用 FTP 软件 进行 上 传 是 最 基本 也 是 最 常用 
的 上 传 方式 。 


10.3 宣传 网 站 


[PUT 

网 站 发 布 到 Internet 上 之 后 ,要 通过 各 种 方式 宣传 推广 网 站 ,让 尽 可 能 多 的 人 以 及 预定 
的 目标 访问 者 了 解 网 站 ,提高 网 站 的 点 击 率 ,这 个 工作 称 为 网 站 推广 。 网 站 推广 有 免费 推广 
和 付费 推广 两 种 方式 。 


10.3.1 任务 描述 
宣传 推广 * 新 闻 类 别 网 站 ”。 
10.3.2 任务 实现 


采用 登录 搜索 引擎 的 方式 .把 “新 闻 类 别 网 站 ”添加 到 各 种 搜索 引擎 。 
任务 1 利用 免费 搜索 引擎 推广 网 站 
任务 2 利用 付费 搜索 引擎 推广 网 站 
任务 1: 利用 免费 搜索 引擎 推广 网 站 
(1) 百度 搜索 引擎 的 申请 
打开 http://www. baidu. com/search/url_submit. htm 页 面 , 在 输入 框 内 输入 网 址 与 


a 
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验证 码 , 单 


提交 网 站 了 按钮 ,完成 注册 ,如 图 10-20 所 示 。 


3 百度 搜索 帮助 中 心 -网 站 登录 - Microsoft Internet Explorer 
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. 一 个 免费 登录 网 站 只 需 提交 一 页 (首页 ) ， 百 度 搜索 引擎 会 自动 收录 网 页 。 
合 相关 标准 您 提交 的 网 址 ， 会 在 1 个 月 内 按 百度 搜索 引擎 收录 标准 被 处 理 。 
* 百度 不 保证 一 定 能 收录 您 提 交 的 网 站 。 


(Bl: http://www. baidu. com) 
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图 10-20 百度 搜索 引擎 登录 


(2) Google 搜索 引擎 的 申请 
打开 http://www. google. com/addurl 页 面 , 输 入 网 址 和 评论 , 单 击 【添加 网 址 ] 按 钮 ， 
就 可 以 成 功 提交 ,如 图 10-21 所 示 。 
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图 10-21 Google 搜索 引擎 登录 
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上 小 贴 士 

对 于 中 文 网 站 ,目前 要 注册 的 两 个 搜索 引擎 是 百度 和 Google。Google 虽然 在 世界 上 几 
乎 成 为 搜索 的 代名词 ,但 是 百度 以 其 专注 于 中 文 世界 ,内 容 更 新 快 、 断 词 顺序 合理 以 及 市 场 
宣传 等 优势 ,在 市 场 上 与 “Google 中文” 并驾齐驱。 百度 和 Google 的 登录 是 免费 的 ,一 般 只 
需 将 站 点 首页 地 址 提交 ,它们 就 会 自动 前 来 抓 取 全 部 内 容 。 

提交 网 址 后 ,站 点 会 在 1 一 2 天 内 出 现在 百度 搜索 引擎 中 ,而 出 现在 Google 的 时 间 不 是 
很 确定 ,因为 Google 刷新 数据 库 的 周期 长 ,所 以 最 长 可 能 需要 一 个 月 的 时 间 , 所 提交 的 站 点 
才能 在 Google 中 查找 到 。 

当 站 点 有 更 新 时 ,应 该 尽量 把 更 新 的 页 面 手 动 递交 到 上 述 搜索 引擎 ,以 提醒 搜索 机 器 人 
回访 ,从 而 更 新 内 容 能 尽快 在 这 些 搜索 引擎 中 被 查找 到 。 

一 旦 站 点 被 收录 到 百度 和 Google 以 后 ,就 可 以 在 百度 支持 的 搜狐 和 网 易 , 以 及 Google 
支持 的 新 浪 页 面 搜索 中 查找 到 。 

任务 2: 利用 付费 搜索 引擎 推广 网 站 

付费 搜索 引擎 推广 方式 不 止 一 种 ,下 面 使 用 搜索 引擎 竞价 排名 方法 进行 “新 闻 类 别 网 
站 ”的 推广 。 

CD 在 浏览 器 的 地 址 栏 中 输入 网 址 http://www. baidu. com, 打开 百度 搜索 引擎 ,如 
图 10-22 所 示 。 


Æ 8IE—T . früt&nii - Windows Internet Explorer 
http://www.baidu.com/. s] loue search -| 


新 闻 网 页 贴吧 知道 Mes 图 片 视频 
[ arm $i 


2A hao123 | 更 多 >> 


把 百度 设 为 主页 


加 入 百度 推广 | RENZE | 关于 百度 | AboutBaidu 


©2009 Baidu 使 用 百度 前 必 读 京 ICP 证 030173 号 9) 


图 10-22 百度 搜索 引擎 


(2) 单 击 首页 上 的 [加 入 百度 推广 按钮 ,进入 百度 推广 页 面 ,如 图 10-23 所 示 。 
G) 单 击 5 网 上 申请 了 按钮 , 填 人 用 户 注册 信息 ,如 图 10-24 所 示 。 
(4) 添加 关键 词 ,撰写 网 页 标题 及 描述 等 信息 ,如 图 10-25 所 示 。 
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图 10-23 百度 推广 
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图 10-24 用 户 注册 
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3 百度 搜索 引擎 竞价 排名 系统 -Microsoft Internet Explorer 
文件 (E) RRO FEV KAW IAW EMW 
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网 页 描述 : 国内 网 上 手机 信息 集散 地 ,汇集 摩托 罗拉 、 诺 基 亚 、 西 门 子 、 爱 立信 以 及 其 它 品牌 的 
ERFIN, BPRS, MEER. 


请 你 继续 提交 关键 词 :《 注 : 提交 更 多 关键 词 并 不 需要 您 付出 更 多 的 寓 用 ) 点 此 查看 竞价 排名 关键 司 审核 标准 


特别 提示 : 请 尽量 在 网 站 标题 或 网 页 撕 述 中 包 合 您 提交 的 关键 词 ， 这样 可 以 有 效 提高 点 击 宰 。 
若 提交 的 关键 局 与 网 站 标题 和 阿 页 项 述 相关 性 不 名 ， 训 关键 词 格 无 法 通过 审核 


下 -和 步 | 保存 | naj 
HAEA T dg : EGET 点 击 这 里 进行 关键 词 分 姐 管理 
关键 [ mer V win 
网 页 标 是 最 多 20 字 


hs //] 


图 10-25 添加 关键 词 


C 选择 支付 方式 ,缴纳 推广 费用 。 百 度 在 收 到 款项 后 ,审核 用 户 添加 的 关键 词 信息 ， 
审核 通过 会 开通 账户 , 按 点 击 效 果 付 费 。 


10.3.3 相关 知识 拓展 


1. 搜索 引擎 优化 


在 做 网 站 宣传 时 ,为 了 让 网 站 在 搜索 引擎 上 的 排名 靠 前 ,需要 对 网 站 进行 搜索 引擎 优 
化 ,对 网 站 的 标题 ,关键 字 等 重要 信息 进行 专业 分 析 和 设置 。 

(1) 关键 字 的 处 理 

网 页 中 的 关键 字 主 要 是 为 搜索 引擎 服务 的 ,为 了 提高 网 站 被 搜索 引擎 搜 到 的 效率 ,需要 
设置 多 个 跟 网 站 主题 相关 的 关键 字 。 首 先 收集 与 网 站 或 产品 有 关 的 关键 字 , 然 后 将 收集 到 
的 关键 字 进 行 组 合 ,把 它们 组 成 常用 的 词组 或 短语 作为 网 页 关键 字 。 

选择 关键 字 时 要 从 用 户 的 角度 考虑 ,想象 一 下 访问 者 在 尝试 查找 产品 或 服务 时 可 能 的 
经 历 。 例 如 ,如 果 输 入 “书店 ”进行 查询 ,无 疑 将 会 面 对 成 千 上 万 的 查询 结果 。 但 是 如 果 查 询 
的 是 位 于 北京 的 新 华 书店 .就 会 本 能 地 输入 “北京 新 华 书店 ”作为 关键 字 的 一 部 分 ,而 不 是 使 
用 含糊 的 关键 字 “ 书 店 ”。 

(2) meta 和 title 标签 

meta 标签 是 内 内 在 网 页 中 的 特殊 HTML 标签 ,包含 着 有 关 网 页 的 一 些 信息 。meta 标 
签 的 作用 是 向 搜索 引擎 解释 网 页 是 有 关 哪 方面 信息 的 。meta 标签 有 两 个 重要 的 属性 : 
description( 网 站 描述 ) 和 keywords( 网 站 关键 词 ) ,可 以 简要 地 对 网 页 进行 描述 ,并 且 给 出 供 


e 
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搜索 引擎 使 用 的 关键 字 。 另 外 一 个 基本 的 属性 是 title 标签 ,提示 搜索 引擎 关于 网 页 的 主题 
信息 。 
meta 和 title 的 形式 在 HTML 语言 中 体现 为 : 
<head> 
<title> 标 题 < /title> 


«meta name=" description" content- "在 此 处 编辑 当前 网 页 描述 文字 "> 
«meta name=" keywords" content= "在 此 处 编辑 当前 网 页 的 关键 字 "> 


< /head» 


meta 标签 位 于 网 页 的 二 head 盖 与 二 /head 盖 中 。meta 标签 的 用 处 很 多 ,目前 几乎 所 有 
的 搜索 引擎 机 器 人 都 通过 自动 查找 meta 值 来 给 网 页 分 类 ,作为 判断 网 页 内 容 的 基础 。 

title 标签 也 很 重要 ,在 搜索 引擎 的 搜索 中 具有 非常 重要 的 地 位 。 人 们 通过 搜索 引擎 搜 
索 出 来 的 是 相关 网 站 的 链接 列表 ,而 显示 的 网 站 链接 描述 就 是 title 标签 中 的 标题 ,所 以 标 
题 要 尽量 简洁 .明了 ,让 人 一 看 就 知道 网 站 是 关于 什么 内 容 的 。 

(3) 关键 字 密 度 

网 页 上 通常 会 有 数 以 百 计 的 词语 ,那么 搜索 引擎 怎样 去 分 辨 哪些 是 描述 网 站 的 重要 的 
词语 呢 ? 搜 索引 擎 利用 特定 的 算法 统计 一 个 页 面 的 字数 ,哪些 重复 出 现 的 词 或 短语 被 认为 
比较 重要 些 。 关 键 字 数 与 该 页 面 字数 的 比例 称 为 关键 字 密 度 。 为 了 得 到 更 好 的 排名 ,网 页 
的 关键 字 必 须 在 页 面 中 出 现 若干 次 ,或 者 出 现 次 数 在 搜索 引擎 允许 的 范围 内 。 

(4) 关键 字 位 置 

要 考虑 把 关键 字 放 在 网 页 的 什么 地 方 。 关 键 字 必须 包含 在 页 面 文本 中 ,而 且 必 须 放 在 
前 面 。 搜 索引 擎 将 会 专注 于 网 页 中 某 一 部 分 的 内 容 , 处 于 这 一 关注 部 分 的 词语 显得 比 其 他 
部 分 的 词语 要 重要 得 多 。 

O title 和 meta 标签 : 在 前 面 已 经 提 到 ,在 这 两 个 标签 中 放置 关键 字 很 重要 。 

© 正文 标题 (headings) : 使 用 一 hl 二 至 一 h6 二 标签 进行 定义 。 正 文 标题 为 网 站 访问 
者 指明 了 哪些 是 网 站 中 比较 重要 的 内 容 , 在 其 中 出 现 关 键 字 对 于 提高 网 站 排名 有 很 大 的 
好 处 。 

O 超 链 接 文本 : 除了 在 导航 、 网 站 地 图 、 锚 文本 中 有 意识 地 使 用 关键 字 外 ,还 可 以 人 为 
增加 超 链 接 文本 ,链接 到 包含 有 自己 网 站 关键 字 或 相关 语义 的 网 站 ,增加 关键 字 密 度 。 

@ 图 片 Alt 属性 : 搜索 引擎 网 页 蜘蛛 不 能 识别 图 片 的 内 容 , 因 此 ,在 图 片 属性 Alt 中 加 
入 关键 词 ,可 以 帮助 搜索 引擎 了 解 图 片 所 代表 的 含义 ,有 利于 排名 。 

C) 顶部 : 网 页 顶部 的 文本 ,每 段 开头 的 内 容 都 特别 重要 ,所 以 尽量 在 这 些 地 方 把 关键 
字 包 含 进来 。 


2. 免费 推广 方式 


免费 推广 网 站 有 很 多 方法 。 
(1) 交换 友情 链接 
向 一 些 访问 量 大 或 与 自己 网 站 目标 用 户 群 类 似 的 站 点 发 出 建立 友情 链接 的 要 求 , 如 果 
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对 方 同 意 ,就 会 在 对 方 的 网 页 上 得 到 一 个 指向 我 们 网 站 的 链接 。 当 然 , 友 情 链接 要 交换 , 同 
样 在 我 们 的 网 站 的 网 页 上 添加 指向 对 方 站 点 的 链接 。 这 种 形式 的 宣传 效果 较 好 ,目标 用 户 
群 相对 明确 ,可 以 给 自己 的 网 站 带 来 一 些 流量 。 

(2) 网 上 发 帖 

在 论坛 博客、 留言 板 上 发 帖 或 留言 .推广 网 站 。 论 坛 .博客 .BBS 是 众多 网 友 聚 集 的 地 
方 , 到 这 里 来 的 网 友 目 的 相对 明确 ,而 且 用 户 分 类 清晰 ,所 以 在 这 里 发 布 帖子 往往 能 够 收 到 
较 好 的 宣传 效果 。 

CD 发 送 电子 邮件 

电子 邮件 作为 Internet 的 一 项 基本 功能 ,已 经 成 为 人 们 重要 的 联系 工具 ,在 进行 网 站 推 
广 时 也 应 充分 使 用 这 项 功能 。 收 集 朋 友 的 E-mail 地 址 ,通过 发 送 E-mail 向 他 们 介绍 推广 网 
站 。 邮 件 主题 一 定 要 鲜明 ,避免 被 当 作 垃 圾 邮件 删除 。 

(4) 免费 登录 搜索 引擎 

把 网 站 添加 到 各 种 搜索 引擎 ,让 人 们 可 以 在 搜索 引擎 中 搜索 到 这 个 网 站 。 搜 索引 擎 是 
大 家 在 网 上 查找 信息 的 首选 工具 ,拥有 巨大 的 访问 量 , 因 此 在 一 些 著名 的 搜索 引擎 上 进行 注 
册 是 非常 有 效 的 网 站 宣传 方法 。 而 且 , 注 册 的 搜索 引擎 越 多 ,网 站 被 访问 的 机 会 就 越 多 。 比 
较 著 名 的 搜索 引擎 有 百度 (www. baidu. com) , Google www. google. com) , Jr il (www. 
sina. com. cn) ,搜狐 (www. sohu. com) ,雅虎 (www. yahoo. com. cn) 等 。 

(5) 网 下 宣传 

除了 在 网 上 进行 网 站 的 宣传 活动 外 ,在 平时 的 工作 .生活 中 也 要 宣传 网 站 ,比如 向 亲戚 
朋友 .同学 同事 介绍 ,在 个 人 名 片上 印 上 网 址 等 。 


3. 付费 推广 方式 


付费 推广 网 站 有 很 多 方法 。 

(1) 搜索 引擎 竞价 排名 

竞价 排名 是 企业 在 搜索 引擎 上 注册 与 产品 相关 的 关键 词 后 ,网 站 就 会 被 查找 这 些 产品 
的 潜在 客户 找到 。 竞 价 排名 按照 给 网 站 带 来 的 潜在 客户 访问 数量 进行 计 费 。 

(2) 分 类 目录 注册 

分 类 目录 注册 主要 是 在 分 类 目录 合适 的 类 别 中 进行 网 站 登录 ,一 般 需 要 人 工 提交 网 站 
信息 ,然后 经 过 分 类 目录 编辑 人 员 审 核 才能 决定 是 否 收录 网 站 。 这 样 就 对 网 站 提出 了 较 高 
的 要 求 ,必须 符合 分 类 目录 的 收录 原则 ,而且 对 网 站 往往 有 一 定 的 限制 。 

一 旦 被 收录 分 类 目录 ,网 站 将 在 一 定时 期 内 保持 稳定 ,对 于 付费 分 类 目录 登录 ,通常 需 
要 缴纳 年 度 费用 ,保持 在 分 类 目录 中 的 地 位 。 在 高 质量 的 分 类 目录 上 登录 ,对 于 提高 网 站 在 
搜索 引擎 检索 结果 中 的 排名 有 一 定价 值 。 但 是 .由 于 分 类 目录 收录 大 量 同 类 网 站 ,并且 多 数 
用 户 更 习惯 于 用 搜索 引擎 直接 检索 ,因此 , 紧 靠 分 类 目录 被 用 户 发 现 的 机 会 相对 较 小 ,通常 
还 需要 和 其 他 网 站 推广 手段 一 起 使 用 。 

(3) 联 告 

多 维 定向 广告 ,这 个 广告 产品 的 特点 是 按照 点 击 计 费 ,把 广告 随 着 匹配 结果 发 布 到 各 大 


行业 、 地 理 门 户 等 中 小 合作 的 媒介 网 站 上 。 
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产品 和 联 告 类 似 , 优 势 在 内 容 关 联 定 向 上 做 得 不 错 ,主要 的 市 场 份额 集中 在 北京 ,北方 
市 场 的 开发 已 经 相对 成 熟 。 其 主要 与 新 闻 站 点 合作 ,公关 实力 也 较 强 。 

(5) 招商 信息 及 行业 门户 

28 商机 在 线 、3158 与 门户 招商 频道 代理 .中 国 服装 网 ,中国 汽 车 网 等 ,这 些 招 商 信息 及 
行业 门户 主要 适合 铺设 渠道 设 经 销 商 的 企业 。 

(6) 传统 媒体 宣传 

Internet 是 一 个 具有 十 分 诱 人 发 展 前 景 的 广告 载体 ,但 是 传统 的 方式 也 不 能 够 完全 抛 
弃 。 尤 其 是 在 目前 我 国电 子 商 务 发 展 水 平 不 是 很 高 的 情况 下 ,要 推广 企业 网 站 ,还 应 该 依赖 
于 传统 媒体 的 宣传 。 传 统 媒 体 的 宣传 主要 可 采用 户外 广告 .广播 .电视 ,报纸 ,新 闻 发 布 会、 
公司 广告 包装 等 形式 ,一 般 花 费 较 高 。 


10.3.4 经 验 总 结 


宣传 网 站 对 于 网 站 的 知名 度 和 访问 量 有 着 非常 大 的 影响 ,应 该 引起 网 站 建设 者 的 高 度 
重视 。 如 同 给 产品 做 广告 宣传 一 样 ,也 要 通过 各 种 有 效 方式 对 网 站 进行 宣传 ,特别 推荐 的 是 
搜索 引擎 注册 。 同 时 ,要 保持 网 站 具有 充足 的 信息 和 功能 。 人 们 在 查找 信息 的 时 候 ,总 是 希 
望 找到 一 个 包括 很 多 重要 信息 的 网 站 。 搜 索引 擎 也 是 根据 网 页 内 容 判 断 网 站 的 质量 ,而 不 
是 从 图 片 Flash 动画 上 判断 。 要 重视 网 站 内 容 的 更 新 ,因为 无 论 是 搜索 引擎 还 是 访问 者 都 
希望 看 到 比较 新 的 信息 。 

一 般 对 于 个 人 网 站 ,经 常 采用 免费 推广 方式 。 

对 于 企业 网 站 ,可 以 用 付费 的 方式 推广 网 站 。 付 费 推广 针对 性 较 好 ,在 较 短 的 时 间 内 即 
可 收 到 很 好 的 广告 收益 。 


10.4 实 训 


按照 本 章 的 知识 和 工作 步骤 ,对 “新 闻 类 别 网 站 ”进行 宣传 推广 。 
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网 站 的 运行 是 一 个 长 期 的 过 程 ,需要 坚持 不 懈 地 更 新 、 维 护 和 经 营 网 站 。 要 及 时 地 调整 
和 更 新 网 站 内 容 ,维护 网 站 长 期 稳定 地 运行 在 Internet 上 ,并 在 瞬息 万 变 的 信息 社会 中 抓 住 
更 多 的 网 络 商 机 。 


11.1 网 站 更 新 


入 知识 储备 

1. 更 新 网 站 内 容 

网 站 内 容 是 一 个 网 站 的 生命 力 源泉 。 互 联网 的 最 大 优势 就 是 信息 的 实时 性 ,只 有 快速 
的 反映 ,准确 的 报道 ,才能 吸引 更 多 的 浏览 者 。 相 反 , 如 果 一 个 网 站 的 内 容 数 月 如 一 日 ,就 不 
会 有 太 多 的 访问 者 。 同 时 由 于 企业 的 发 展 状 况 在 不 断 地 变化 ,网 站 的 内 容 也 就 相应 需要 随 
之 调整 ,给 人 常 新 的 感觉 ,给 访问 者 留 下 好 的 印象 。 

(1) 发 布 最 新 消息 

随 着 企业 的 发 展 , 经 常会 有 动态 新 闻 公 布 ,有 新 产品 .新 服务 问世 ,那么 就 需要 在 网 站 及 
时 发 布 这 些 新 闻 、 产 品 、 价 格 及 服务 信息 ,如 网 页 图 片 更 新 、 网 页 文件 资料 更 新 等 。 

(2) 更 新 页 面 设 计 

对 于 网 站 的 页 面 设计 ,在 保证 风格 统一 的 前 提 下 ,也 要 经 常 有 更 合理 的 变化 ,不 断 增加 
新 的 营销 创意 ,提高 网 站 的 知名 度 。 

G) 更 换 促 销 广 告 

网 站 的 一 些 促销 信息 随 着 时 间 的 流逝 会 失去 效用 ,因此 ,根据 节假日 、 重 大 活动 .庆典 等 
特定 的 时 间 段 ,一 定 要 更 换 网 站 广告 或 Flash, 陈 旧 的 信息 一 定 要 更 新 。 

(4) 访问 者 信息 反馈 

对 访问 者 资料 信息 进行 搜集 、 统 计 及 分 析 , 及 时 处 理 他 们 的 投诉 或 需求 信息 ,并 反馈 处 
理 结 果 。 

2. 更 新 网 站 功能 

企业 在 建站 初期 ,可 能 出 于 试探 性 质 的 尝试 ,投资 不 是 很 大 ,但 是 随 着 网 站 项 目的 实施 
和 经 营 , 可 能 会 给 企业 带 来 了 较 好 的 形象 宣传 和 经 济 效益 ,企业 确实 看 到 了 网 站 对 于 企业 的 
作用 ,就 可 能 会 要 求 网 站 增加 新 的 功能 ,调整 更 合理 的 栏目 ,从 而 期 望 带 来 更 多 的 访问 者 和 
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商业 机 会 。 

(1) 增加 网 站 功能 

网 站 的 主要 功能 是 形象 /产品 展示 和 信息 发 布 ,根据 用 户 的 需求 还 可 以 扩充 其 他 一 些 比 
较 有 效 的 功能 ,例如 网 上 销售 、 顾 客 关 系 、 网 上 调查 、 企 业 论坛 .FTP 下 载 等 。 

(2) 调整 栏目 版 块 

为 了 进一步 完善 网 站 结构 ,可 以 针对 部 分 栏目 版 块 进行 调整 ,使 网 站 的 结构 和 分 类 更 趋 
于 合理 化 和 明确 化 ,提供 更 好 的 服务 。 

3. 网 站 升级 改版 

网 站 改版 指 是 在 已 有 网 站 基础 上 进行 整体 上 的 改动 ,一 般 有 以 下 两 种 情况 。 

CD 原 有 网 站 在 设计 、 网 站 规范 .网 站 功能 等 方面 都 比较 完善 。 企 业 需要 周期 性 变更 网 
站 设计 风格 ,以 达到 一 定 的 商业 目的 。 

这 种 网 站 改版 的 重点 在 于 设计 风格 方面 ,在 不 脱离 企业 形象 的 基础 上 ,根据 企业 的 实际 
需要 ,对 网 站 设计 风格 进行 全 面 更 换 , 使 网 站 给 人 一 种 耳目 一 新 的 感觉 ,让 访问 者 感到 企业 
的 活力 和 生气 ,也 从 另 一 个 侧面 反映 了 企业 的 实力 。 

(2) 原 有 网 站 无 论 从 规划 、 设 计 , 还 是 内 容 方 面 都 与 企业 的 运作 不 相 协 调 ,设计 风格 平 
庸 ,未 能 很 好 地 展现 企业 形象 ,功能 方面 也 比较 欠缺 ,网 站 对 企业 没有 起 到 实质 性 作用 。 企 
业 需 要 把 网 站 在 总 体 上 提升 档次 ,发 挥 作 用 。 

这 种 类 型 的 升级 改版 投资 大 ,项 目 周期 长 ,需要 企业 认真 筹划 。 网 站 的 改版 最 好 请 专业 
人 士 帮助 策划 ,企业 熟悉 自身 的 经 营 特点 `. 运 作 方式 ,专业 人 士 会 站 在 专业 的 角度 和 消费 者 
的 角度 分 析 策 划 ; 如何 设置 导航 、 如 何 运 用 色彩 、 如 何 设计 网 站 风格 等 ,使 网 站 既 具 有 美观 
性 ,又 具有 实用 性 。 


11.1.1 任务 描述 
在 “新 闻 类 别 网 站 ”的 运行 中 ,时 常 对 其 进行 更 新 。 
11.1.2 任务 实现 


“新 闻 类 别 网 站 ”的 更 新 任务 包括 三 个 任务 : 
任务 1 及 时 更 新 “新 闻 类 别 网 站 ”的 内 容 
任务 2 及 时 更 新 “新 闻 类 别 网 站 ”的 功能 
任务 3 对 “新 闻 类 别 网 站 ”进行 升级 改版 

任务 1: 及 时 更 新 “新 闻 类 别 网 站 ”的 内 容 

经 常 在 网 站 上 发 布 最 新 消息 ,更 新 页 面 设 计 , 增 加 网 站 创意 ,更 换 促销 广告 ,及 时 处 理 访 

问 者 的 信息 反馈 。 

任务 2: 及 时 更 新 “新 闻 类 别 网 站 ”的 功能 

根据 需要 及 时 增加 “新 闻 类 别 网 站 ”的 功能 ,调整 相关 的 栏目 版 块 。 

任务 3: 对 “新 闻 类 别 网 站 "进行 升级 改版 

根据 需要 对 “新 闻 类 别 网 站 ”进行 升级 改版 。 
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11.1.3 相关 知识 拓展 


网 站 一 般 可 分 为 两 种 类 型 : 静态 网 站 和 动态 网 站 ,二 者 的 网 页 制作 语言 是 不 同 的 。 静 
态 网 页 使 用 HTML,XHTML 语言 ,而 动态 网 页 除了 使 用 HTML 外 ,还 会 使 用 PHP、ASP、 
ASP. NET JSP 等 动态 网 页 编程 技术 。 区 别 静态 网 站 与 动态 网 站 的 方法 通常 是 看 是 否 采用 
了 数据 库 的 开发 模式 。 静 态 网 站 和 动态 网 站 的 内 容 更 新 方式 是 不 同 的 。 

静态 网 站 由 直接 或 间接 制作 成 的 HTML 网 页 组 成 ,不 通过 脚本 语言 .服务 器 端 网 页 编 
程 技术 及 数据 库 开 发 来 实现 。 这 种 网 页 的 内 容 通常 是 固定 的 .独立 的, 页面 内 容 想 要 变化 ， 
必须 手工 对 它 进行 改动 ,然后 再 将 修改 好 的 网 页 上 传 到 服务 器 。 因 此 ,为 了 不 断 更 新 网 页 内 
容 , 就 要 不 断 地 重复 制作 HTML 文档 ,哪怕 一 个 字符 、 链 接 及 图 片 的 细微 修改 和 更 新 都 必 
须 将 网 页 重新 制作 、 重 新 上 传 到 服务 器 上 覆盖 原来 的 页 面 。 当 网 站 内 容 需 要 每 日 或 者 每 周 
进行 更 新 时 ,工作 量 是 很 大 的 。 

动态 网 站 都 使 用 数据 库 后 台 ,通过 动态 网 页 编程 技术 (比如 PHP, ASP, ASP. NET,JSP 
等 ) 将 网 站 内 容 数据 动态 存储 到 数据 库 中 ,用 户 访问 网 站 时 通过 读 取 数 据 库 来 动态 生成 网 页 
内 容 。 网 站 上 主要 是 用 HTML 实现 的 网 页 框架 结构 ,网 页 的 内 容 大 都 存储 在 数据 库 中 。 
动态 网 站 内 容 更 新 时 ,一 般 都 是 通过 后 台 管理 系统 来 完成 。 登 录 到 后 台 管 理 系 统 后 ,通过 填 
写 并 提交 表单 ,可 以 方便 地 更 新 数据 库 中 的 信息 ,这 样 站 点 内 容 也 就 相当 于 得 到 了 更 新 。 当 
网 站 访问 者 发 出 访问 请 求 时 ,动态 生成 的 网 页 中 就 是 最 新 信息 。 

静态 网 站 与 动态 网 站 相 比 较 , 二 者 各 有 优势 与 不 足 。 静 态 网 站 制作 简单 快捷 ,但 更 新 的 
时 候 效率 很 低 ,而 且 对 于 不 懂 网 页 编辑 的 人 来 讲 更 新 网 站 也 是 一 大 困难 。 动 态 网 站 制作 的 
时 候 需 要 花费 更 多 时 间 , 但 是 站 点 一 旦 投入 使 用 ,相对 来 说 容易 维护 ,可 以 把 更 新 站 点 所 需 
要 的 时 间 和 工作 量 减 到 最 小 ,而 且 只 要 会 基本 计算 机 操作 就 可 以 更 新 网 站 内 容 。 


11.1.4 经 验 总 结 


一 个 网 站 要 想 长 期 地 吸引 住 浏览 者 ,必须 依靠 网 站 内 容 的 不 断 更 新 和 网 站 功能 的 不 断 
完善 来 保证 。 及 时 更 新 网 站 的 目的 是 尽力 为 浏览 者 提供 最 新 的 信息 和 最 好 的 服务 。 静 态 网 
站 和 动态 网 站 的 更 新 方式 有 所 不 同 ,在 决定 静态 网 站 还 是 动态 网 站 时 ,主要 考虑 网 站 的 功能 
需求 和 网 站 内 容 的 多 少 。 如 果 网 站 功能 比较 简单 ,内 容 更 新 量 不 是 很 大 ,采用 静态 网 站 方式 
会 更 简单 ;反之 一 般 要 采用 动态 网 站 技术 来 实现 。 


11.2 维护 网 站 


dp 知识 储备 

网 站 维护 是 指 网 站 运行 后 期 的 综合 管理 和 维护 ,主要 包括 硬件 维护 、 软 件 维护 、 内 容 维 
护 和 安全 维护 等 。 

1. 硬件 维护 

硬件 维护 主要 包括 服务 器 ,网络 连接 设备 及 其 他 硬件 的 维护 。 要 保持 所 有 硬件 设备 处 
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于 良好 状态 ,维护 网 络 设备 不 间断 地 安全 运行 ,并 对 可 能 出 现 的 硬件 故障 问题 进行 评估 , 制 
定 出 一 套 或 多 套 应 急 预案 。 

服务 器 是 最 主要 的 硬件 设备 。 服 务 器 要 尽量 使 用 专业 的 服务 器 ,不 要 使 用 PC 代替 。 
专业 的 服务 器 中 有 多 个 CPU 并 且 硬 盘 各 方面 的 配置 也 比较 优秀 。 由 于 服务 器 需要 不 停 地 
工作 ,如 果 其 中 一 个 CPU 或 硬盘 坏 掉 , 别 的 CPU 和 硬盘 还 可 以 继续 工作 ,不 会 影响 到 网 站 
的 正常 运行 。 

2. 软件 维护 

软件 维护 主要 包括 操作 系统 、 数 据 库 及 应 用 程序 的 维护 。 要 及 时 给 操作 系统 升级 或 者 
打上 补丁 ,维护 与 升级 各 种 服务 器 程序 和 Web 应 用 程序 ,维护 与 升级 安全 防 病毒 软件 等 ,以 
确保 网 站 的 24 小 时 不 间断 地 正常 运行 。 

服务 器 操作 系统 配置 是 否 可 行 以 及 配置 是 否 优良 ,是 确保 一 个 网 站 长 期 良好 运行 的 保 
证 。 除 了 要 定期 对 操作 系统 进行 维护 外 ,还 要 定期 对 操作 系统 进行 更 新 ,使 用 最 新 稳定 版 本 
的 操作 系统 。 

动态 网 站 要 用 到 数据 库 , 因 此 ,需要 维护 数据 库 , 使 数据 库 保 持 运行 在 最 佳 状态 。 数 据 
库 维 护 主要 包括 : 压缩 数据 库 、 清 理 废 旧 无 用 的 数据 ,修复 损坏 的 数据 ,检查 系统 空间 占用 、 
定期 进行 数据 备份 等 。 

应 用 程序 的 维护 主要 包括 应 用 程序 软件 的 安装 、 调 试 、 运 行 、 错 误 纠 正 、 程 序 改进 等 。 除 
了 所 开发 的 Web 应 用 程序 外 ,其 他 在 服务 器 上 安装 的 应 用 软件 要 尽 可 能 地 少 ,只 要 够 用 即 
可 ,这 样 可 防止 各 个 软件 间 的 相互 冲突 。 

3. 内 容 维护 

网 站 内 容 维 护 的 主要 工作 就 是 8.1 节 中 介绍 的 更 新 网 站 的 内 容 。 这 里 不 再 珊 述 。 

4. 安全 维护 

网 站 安全 维护 是 指 采 取 一 定 的 安全 手段 ,提高 网 站 的 安全 性 ,主要 包括 网 站 安全 管理 、 
监测 .数据 备份 ,防止 病毒 的 攻击 和 恶意 的 访问 等 。 现 在 的 黑客 出 于 很 多 的 商业 目的 ,攻击 
网 站 是 经 常 的 事情 ,因此 ,网 站 安全 维护 是 非常 有 必要 的 。 一 般 情况 下 ,在 进行 网 站 安全 维 
护 时 可 以 从 以 下 几 方 面 入 手 。 

(1) 安装 补丁 程序 

操作 系统 是 服务 器 运行 的 软件 基础 ,其 重要 性 不 言 而 喻 。 但 是 ,任何 操作 系统 都 是 有 漏 
洞 的 ,进行 网 站 维护 时 要 及 时 地 用 补丁 堵 上 漏洞 。 目 前 ,许多 企业 的 服务 器 操作 系统 使 用 的 
是 微软 的 网 络 操 作 系 统 ,主要 有 : Windows NT 4. 0 Server, Windows 2000 Server 以 及 
Windows Server 2003 等 。 

OD 安装 和 设置 防火 墙 

防火 墙 主 要 用 于 实现 网 络 路 由 的 安全 性 ,在 内 部 网 与 外 部 网 之 间 的 界面 上 构造 一 个 保 
护 层 ,并 强制 所 有 的 连接 都 必须 经 过 保护 层 , 在 此 进行 检查 和 连接 。 只 有 被 授权 的 通信 才能 
通过 此 保护 层 。 因 此 ,防火 墙 可 以 对 计算 机 或 网 站 提供 保护 , 像 盾牌 一 样 屏蔽 外 界 的 恶意 软 
件 或 不 必要 的 网 络 流量 的 攻击 。 

(3) 安装 入 侵 检测 系统 

入 侵 是 指 任 何 试图 危害 资源 的 完整 性 、 保 密 性 和 可 用 性 的 活动 。 入 侵 检 测 就 是 检测 入 
侵 活动 ,并 采取 对 抗 措施 。 它 会 对 未 经 授权 的 连接 企图 做 出 反应 ,甚至 可 以 抵御 一 部 分 可 能 
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的 入 侵 。 利 用 入 侵 检测 系统 的 实时 监控 能 力 , 可 以 发 现 正在 进行 的 攻击 行为 及 攻击 前 的 试 
探 行为 ,记录 黑客 的 来 源 及 攻击 步骤 和 方法 。 

相对 于 传统 意义 的 防火 墙 来 说 ,入 侵 检测 系统 是 一 种 主动 防御 系统 ,作为 安全 的 一 道 屏 
障 , 可 以 在 一 定 程度 上 预防 和 检测 来 自 系统 内 外 部 的 攻击 。 入 侵 检 测 系统 处 于 防火 墙 之 后 ， 
对 网 络 活 动 进 行 实 时 检测 ,是 防火 墙 的 合理 补充 。 

(4) 安装 漏洞 扫描 工具 

解决 网 络 安 全 问题 ,首先 要 弄 清 网 络 中 存在 哪些 安全 隐患 、 脆 弱点。 漏洞 扫描 就 是 扫描 
网 络 系 统 、 程 序 软件 的 漏洞 ,是 自动 检测 远 端 或 本 地 主机 安全 脆弱 点 的 技术 。 它 查询 端口 ， 
并 记录 目标 的 响应 ,收集 关于 某 些 特定 项 目的 有 用 信息 ,如 可 用 服务 、 拥 有 这 些 服务 的 用 户 、 
是 否 支 持 匿名 登录 ,是否 有 某 些 网 络 服务 需要 鉴别 等 。 

在 服务 器 上 安装 能 查找 网 络 安全 漏洞 ,评估 并 提出 修改 建议 的 商用 或 免费 漏洞 扫描 工 
具 , 定 期 对 服务 器 进行 扫描 ,最 大 可 能 地 发 现 潜在 的 安全 问题 ,利用 优化 系统 配置 和 打 补 丁 
等 各 种 方式 弥补 最 新 的 安全 漏洞 和 消除 安全 隐患 。 

(5) 安装 网 络 杀毒 软件 

计算 机 病毒 是 指 编制 或 者 在 计算 机 程序 中 插入 的 破坏 计算 机 功能 或 者 毁坏 数据 .影响 
计算 机 使 用 ,并 能 自我 复制 一 组 计算 机 指令 或 者 程序 代码 。 随 着 网 络 的 发 展 和 普及 ,计算 机 
病毒 的 泛滥 和 危害 十 分 严重 ,病毒 的 传播 方式 和 破坏 方式 也 越 来 越 网 络 化 。 因 此 ,需要 安装 
高 效 的 网 络 杀 毒 软件 来 控制 病毒 的 传播 。 

目前 ,大 多 数 反 病 毒 厂商 (如 瑞星 、 江 民 , 人 金山、 卡巴 斯 基 、 赛 门 铁 克 、McAfee 等 ) 都 推出 
了 网 络 版 的 杀毒 软件 ,在 选用 某 一 杀毒 软件 时 应 综合 考虑 软件 的 价格 .性 能 以 及 服务 。 同 
时 ,在 网 络 版 的 杀毒 软件 使 用 中 ,必须 要 定期 或 及 时 升级 杀毒 软件 。 

(6) 账号 和 密码 保护 

账号 和 密码 保护 可 以 说 是 网 站 系统 的 第 一 道 防 线 , 目 前 网 上 的 大 部 分 对 系统 的 攻击 都 
是 从 截获 或 猜测 密码 开始 的 。 一 旦 黑客 进入 了 系统 ,那么 前 面 的 防卫 措施 几乎 就 没有 作用 ， 
所 以 对 服务 器 系统 管理 员 的 账号 和 密码 进行 管理 是 保证 系统 安全 非常 重要 的 措施 。 

网 站 系统 要 设置 好 账号 和 权限 ,设置 的 用 户 尽 可 能 的 少 . 对 用 户 的 权限 尽 可 能 的 小 , 密 
码 设置 要 足够 强壮 。 系 统管 理 员 密码 的 位 数 一 定 要 多 ,至 少 应 该 在 8 位 以 上 ,而 且 尽 量 将 字 
母 , 数 字 及 符号 一 起 组 合 ,不 要 设置 成 容易 猜测 的 密码 ,如 自己 的 名 字 、 出 生日 期 等 。 通 过 选 
择 一 个 好 的 密码 ,并 做 好 必要 的 保密 工作 ,别人 想 要 猜测 或 “破解 ”密码 就 非常 困难 。 

(7) 监测 系统 日 志 

通过 运行 系统 日 志 程序 ,系统 会 记录 下 所 有 用 户 使 用 系统 的 情形 ,包括 最 近 登 录 的 时 
间 、 使 用 的 账号 .进行 的 活动 等 。 日 志 程 序 会 定期 生成 报表 ,通过 对 报表 进行 分 析 , 你 可 以 知 
道 是 否 有 异常 现象 。 

虽然 开启 日 志 服 务 对 阻止 黑客 的 入 侵 并 没有 直接 的 作用 ,但 是 可 以 通过 它 记录 黑客 的 
行踪 ,可 以 分 析 入 侵 者 在 我 们 的 系统 上 到 底 做 过 什么 手脚 ,给 我 们 的 系统 到 底 造 成 了 哪些 破 
坏 及 隐患 ,黑客 到 底 在 我 们 的 系统 上 留 了 什么 样 的 后 门 ,我 们 的 服务 器 到 底 还 存在 哪些 安全 
隐患 等 。 

(8) 关闭 不 需要 的 服务 和 端口 

服务 器 操作 系统 在 安装 的 时 候 , 会 启动 一 些 不 需要 的 服务 ,这 样 会 占用 系统 的 资源 ,而 
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且 也 增加 了 系统 的 安全 隐患 。Windows 系统 有 很 多 默认 的 服务 是 没 必要 开 的 ,甚至 可 以 说 
是 危险 的 ,比如 ,默认 的 共享 远程 注册 表 访 问 , 系 统 很 多 敏感 的 信息 都 是 写 在 注册 表 里 的 。 
所 以 ,应 关闭 不 需要 的 服务 。 

网 络 端口 可 以 为 计算 机 与 外 界 通信 提供 一 个 通道 ,但 是 也 可 以 向 黑客 透露 许多 操作 系 
统 的 敏感 信息 ,例如 ,Windows 2000 Server 默认 开启 的 IIS 服务 就 告诉 对 方 你 的 操作 系统 
是 Windows 2000,69 端口 告诉 黑客 你 的 操作 系统 极 有 可 能 是 Linux 或 者 UNIX 系统 。 对 
端口 的 进一步 访问 ,还 可 以 返回 该 服务 器 上 软件 及 其 版 本 的 一 些 信息 ,这 些 对 黑客 的 入 侵 都 
提供 了 很 大 的 帮助 。 同 时 ,端口 也 可 能 成 为 黑客 攻击 计算 机 的 一 个 入 侵 通 道 。 因 此 ,应 该 关 
闭 那些 不 必要 的 端口 。 

(9) 定期 对 服务 器 进行 备份 

所 谓 备份 ,是 指 将 网 站 数据 以 某 种 方式 加 以 保留 ,以 便 在 系统 遭受 破坏 或 其 他 特定 情况 
下 ,重新 加 以 利用 的 一 个 过 程 。 在 日 常生 活 中 ,我 们 经 常 需 要 为 自己 家 的 房 门 多 配 几 把 钥 
是 ,为 自己 的 爱 车 预备 一 个 备 胎 ,这 些 都 是 备份 思想 的 体现 。 为 防止 不 能 预料 的 系统 故障 ， 
必须 对 系统 进行 安全 备份 。 

除了 对 全 系统 进行 每 月 一 两 次 的 备份 外 ,还 应 经 常 对 修改 过 的 数据 进行 备份 。 在 网 站 
运行 过 程 中 ,病毒 的 破坏 、 黑 客 的 入 侵 、 人 为 错误 操作 、 人 为 恶意 破坏 、 系 统 的 不 稳定 、 存 储 介 
质 的 损坏 等 等 原因 ,都 有 可 能 造成 重要 数据 的 破坏 。 一 旦 数据 出 现 丢失 或 者 损坏 , 则 可 以 利 
用 备份 进行 数据 恢复 ,及 时 地 将 系统 恢复 到 正常 状态 。 


11.2.1 任务 描述 
在 “新 闻 类 别 网 站 ”的 运行 过 程 中 ,维护 网 站 使 其 正常 运行 。 
11.2.2 任务 实现 


“新 闻 类 别 网 站 ”的 维护 任务 包括 四 个 任务 : 
任务 1 对 “新 闻 类 别 网 站 ”进行 日 常 硬 件 维 护 
任务 2 对 “新 闻 类 别 网 站 ”进行 日 常 软件 维护 
任务 3 对 “新 闻 类 别 网 站 ”进行 内 容 维 护 
任务 4 对 “新 闻 类 别 网 站 ”进行 安全 维护 
任务 1: 对 “新 闻 类 别 网 站 ”进行 日 常 硬件 维护 
对 “新 闻 类 别 网 站 ”的 网 络 设备 进行 日 常 维 护 和 定期 检修 ,定期 完成 硬件 系统 、 电 路 等 的 
维护 测试 ,发 现 问 题 及 时 分 析 处 理 , 保 证 硬件 设备 完好 、 系 统 运行 正常 。 要 注意 网 络 机 房 室 
内 的 温度 、 湿 度 以 及 通风 性 ,这 些 都 将 影响 到 服务 器 的 散热 和 性 能 的 正常 运行 。 
任务 2: 对 “新 闻 类 别 网 站 ”进行 日 常 软件 维护 
对 “新 闻 类 别 网 站 ”的 操作 系统 、 数 据 库 及 相关 应 用 程序 进行 日 常 维护 。 
任务 3. 对 “新 闻 类 别 网 站 ”进行 内 容 维护 
对 “新 闻 类 别 网 站 ”的 内 容 进 行 日 常 的 更 新 维护 。 利 用 “新 闻 类 别 网 站 ”的 后 台 管 理 系 
统 ,可 以 发 布 更 新 、 删 除 新 闻 , 如 图 11-1 所 示 是 新 闻 发 布 界面 。 
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图 11-1 发 布 新 闻 


任务 4: 对 “新 闻 类 别 网 站 ”进行 安全 维护 
对 “新 闻 类 别 网 站 ”实施 安全 维护 措施 。 


11.2.3 相关 知识 拓展 


在 目前 常见 的 网 站 漏洞 中 ,SQL 注入 漏洞 是 最 普遍 也 是 最 难 防 范 的 一 个 漏洞 。 注 入 漏 
洞 的 产生 原因 主要 是 程序 员 在 编写 代码 的 时 候 , 没 有 严格 过 滤 访 问 者 提交 的 数据 ,使 应 用 程 
序 存在 安全 隐患 。 恶 意 访问 者 可 以 提交 一 段 数 据 库 查询 代码 ,根据 程序 返回 的 结果 ,获得 某 
些 他 想 得 知 的 数据 ,这 就 是 所 谓 的 SQL Injection: SQL 注入 漏洞 ( 注 : 此 部 分 内 容 在 第 7.4 
节 的 知识 储备 里 介绍 过 ,在 那里 主要 考虑 网 站 安全 设计 ,这 里 主要 考虑 维护 安全 问题 ) 。 


1. SQL 注入 漏洞 的 原理 


SQL 注入 漏洞 的 原理 是 恶意 访问 者 从 客户 端 提交 特殊 的 代码 ,从 而 收集 到 程序 及 服务 
器 的 信息 ,获取 想得到 的 资料 。SQL 注入 是 从 正常 的 WWW 端口 访问 ,而且 表面 看 起 来 跟 
一 般 的 Web 页 面 访问 没什么 区 别 , 所 以 目前 的 防火 墙 还 不 能 对 SQL 注入 发 出 警报 提示 。 

SQL 注入 漏洞 是 一 种 由 于 人 为 玻 忽 形成 的 漏洞 :是 网 站 程序 员 未 对 访问 者 从 网 页 提交 
的 非法 数据 进行 过 滤 的 结果 。 一 个 网 站 中 需要 对 访问 者 提交 的 数据 进行 过 滤 的 地 方 非常 
多 ,网 页 上 的 数据 大 都 是 从 数据 库 中 提取 的 ,每 个 页 面 从 数据 库 中 读 取 了 相应 数据 ,然后 将 
其 数据 放 在 页 面 上 供 访 问 者 浏览 。 所 以 过 滤 访 问 者 提交 的 数据 是 一 项 非常 大 的 工程 , 稍 不 
注意 就 有 可 能 造成 注入 漏洞 。 


e 


网 站 项 目 规划 与 设计 


2. 防止 和 修复 SQL 注入 漏洞 的 方法 


可 以 通过 一 定 的 方法 测试 某 个 网 页 是 否 存在 SQL 注入 漏洞 ,但 是 对 于 规模 较 大 的 网 
站 ,要 找到 有 漏洞 的 页 面 工作 量 很 大 .可 以 利用 SQL 注入 漏洞 扫描 工具 ,方便 检测 网 站 的 
SQL 注入 漏洞 。 

这 里 介绍 一 些 防止 和 修复 SQL 注入 漏洞 的 有 效 方法 。 

(1) SQL Server 的 sa 用 户 设置 成 强 密码 。 

(2) Web 服务 器 与 DB(Database, 数 据 库 ) 服 务 器 分 别 使 用 不 同 的 机 器 。 

(3) 随时 注意 相关 软件 是 否 有 新 的 补丁 需要 补 上 。 

(4) 修改 网 站 文件 中 过 滤 数 据 的 代码 。 

(5) 不 要 直接 把 代码 运行 中 的 错误 信息 显示 到 浏览 器 端 。 

(6) 修改 数据 库 文件 路 径 ,数据库 名 称 及 网 站 后 台 登 录 路 径 。 


11.2.4 经 验 总 结 


网 站 维护 是 一 项 日 常 性 的 工作 ,专业 性 较 强 ,所 以 一 般 应 指派 专人 负责 该 项 工作 。 与 其 
他 媒体 一 样 , 网 站 也 是 一 个 媒体 ,需要 经 常 性 的 更 新 维护 才 会 起 到 既定 的 商业 效果 。 同 时 ， 
为 了 使 网 站 能 安全 ,高 效 地 运行 ,还 需要 进行 硬件 .软件 及 安全 性 维护 ,防范 病毒 感染 .防止 
黑客 攻击 。 安 全 维护 的 技术 很 多 ,各 种 技术 都 有 其 优 缺 点 ,需要 结合 实际 的 网 络 环境 来 选择 
最 适合 的 综合 技术 方案 。 

对 于 微软 的 网 络 操作 系统 ,因为 使 用 的 人 特别 多 ,所 以 暴露 出 来 的 Bug 也 特别 多 ,同时 uu 
意 攻 击 它们 的 人 也 特别 多 。 微 软 公司 为 了 弥补 操作 系统 的 安全 漏洞 ,在 其 网 站 上 提供 了 许多 
补丁 。 可 以 从 微软 的 网 站 上 下 载 最 新 的 Service Pack( 升 级 服务 包 ) ,将 安全 漏洞 及 时 补 上 。 

对 于 防火 墙 ,现在 市 场 上 有 许多 基于 硬件 或 软件 的 防火 墙 ,如 瑞星 、 华 为 神州 数码 、 联 
想 等 厂商 的 产品 。 防 火 墙 对 于 非法 访问 具有 很 好 的 预防 作用 ,但 是 并 不 是 安装 了 防火 墙 之 
后 就 万 事 大 吉 了 ,而 是 需要 进行 适当 的 设置 才能 起 作用 。 如 果 对 防火 墙 的 设置 不 了 解 , 需 要 
请 技术 支持 人 员 协 助 设置 。 


11.3 经 营 网 站 


A 知识 储备 

网 站 经 营 的 好 坏 ,是 决定 一 个 网 站 能 否 生 存 的 关键 。 在 网 站 经 营 过 程 中 ,要 经 常 对 网 站 
进行 优化 ,并 且 通 过 合理 的 方式 实现 赢利 。 

1. 网 站 优化 

网 站 优化 是 通过 对 网 站 功能 、 网 站 结构 、 网 页 布局 .网 站 内 容 等 要 素 的 合理 设计 ,使 网 站 
内 容 和 功能 表现 形式 达到 访问 友好 并 易于 宣传 推广 的 最 佳 效果 ,从 而 充分 发 挥 网 站 的 网 络 
营销 价值 。 网 站 优化 可 分 为 网 站 的 访问 优化 和 网 站 的 搜索 引擎 优化 。 


(OD 网 站 的 访问 优化 


网 站 的 主角 是 网 站 的 访问 者 ,访问 者 永远 希望 看 到 最 新 的 内 容 , 享 受到 更 好 的 服务 , 因 
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此 网 站 在 运行 阶段 要 经 常 进行 网 站 的 访问 优化 。 

(D 分 析 目 标 访问 群体 

在 建站 初期 的 需求 分 析 中 ,需要 分 析 目 标 访问 群体 ,这 一 任务 在 网 站 经 营 中 也 非常 必 
要 。 在 经 营 过 程 中 ,要 经 常 分 析 网 站 的 流量 来 源 , 分 析 谁 是 目标 访问 群 ,目标 访问 群 有 什么 
特点 ,主要 来 自 什么 区 域 。 要 对 访问 网 站 的 目的 行为 进行 分 析 , 提 供 所 需要 的 服务 ,运用 一 
系列 推广 方式 来 吸引 目标 群体 加 入 。 

Q) 更 新 网 站 信息 

网 站 在 发 布 之 后 ,要 对 网 站 信息 进行 修改 相对 来 说 是 很 容易 的 ,不 像 印刷 品 .CD、 录 像 
带 以 及 其 他 发 布 形式 ,因此 网 站 发 布 永远 都 没有 最 终 版 本 。 修 改 时 ,只 需 修改 一 个 版 本 ( 即 
服务 器 上 的 版 本 ) 即 可 。 对 网 站 内 容 进 行 更 新 ,简单 的 修改 可 以 在 几 分 钟 内 完成 ,而 且 访问 
者 马上 就 能 浏览 。 

Q 提高 访问 体验 

访问 体验 是 指 访问 者 访问 网 站 时 的 全 部 体验 ,包括 对 网 站 的 满意 度 、 对 发 现 问 题 的 忍受 
度 , 以 及 对 网 站 期 望 与 实际 收益 的 差异 程度 。 网 站 优化 要 以 网 站 的 有 效 性 和 实用 性 为 目标 ， 
提高 访问 体验 。 要 经 常 与 访问 者 进行 沟通 交流 ,关注 访问 者 的 反馈 。 

对 网 站 的 修改 不 必 局 限于 已 有 内 容 的 细 化 ,也 可 以 根据 用 户 的 需求 增加 新 的 功能 ,还 可 
以 随 着 客户 业务 的 增长 和 新 产品 的 上 市 而 增加 新 的 内 容 。 这 些 修改 对 于 网 站 特色 是 非常 重 
要 的 ,对 于 提高 用 户 体验 也 是 非常 有 作用 的 。 

(2) 网 站 的 搜索 引擎 优化 

搜索 引擎 是 Internet 用 户 最 常用 的 网 络 工具 ,网 站 在 搜索 引擎 上 的 排名 对 于 网 站 访问 
量 有 巨大 的 影响 力 。 如 果 网 站 的 搜索 引擎 排名 位 于 50 名 之 后 ,点 击 率 基本 上 很 小 。 网 站 的 
搜索 引擎 优化 是 从 搜索 引擎 的 分 析 角 度 对 网 站 架构 、 布 局、 链接 .关键 字 、 内 容 等 方面 实施 整 
体 优 化 ,让 搜索 引擎 更 好 地 收录 企业 网 站 页 面 , 在 搜索 结果 页 面 中 获得 更 好 的 、 稳 定 的 排名 。 

D 关键 字 分 析 

关于 关键 字 的 选择 ,在 10.3.3 小 节 中 已 经 介绍 过 ,这 里 再 强调 一 下 ,关键 字 很 重要 。 关 键 
字 应 该 是 描述 网 站 的 产品 及 服务 的 词语 ,而 且 要 选取 那些 人 们 在 搜索 时 所 常用 到 的 关键 字 。 
因此 ,一 定 要 了 解 关注 网 站 的 客户 需求 ,分 析 他 们 会 用 什么 样 的 关键 字 来 找到 网 站 ,掌握 这 些 
关键 字 以 后 ,在 网 页 的 标题 和 描述 中 加 以 体现 ,那么 对 网 站 的 搜索 引擎 排名 是 大 有 好 处 的 。 

Q 网 页 设计 优化 

网 页 的 设计 对 于 搜索 引擎 搜索 网 站 也 是 十 分 重要 的 。 网 页 内 容 要 完整 、 充 实 并 且 经 常 
更 新 。 网 站 页 面 要 尽量 简洁 ,这 样 可 以 加 快 下 载 速度 。 选 择 一 个 信誉 度 高 的 服务 商 , 保 证 服 
务 器 的 响应 速度 。 对 网 页 上 的 图 片 也 要 优化 ,在 网 页 制作 时 ,对 图 片 要 加 入 文字 注释 的 Alt 
标签 ,而 且 文字 注释 中 应 尽量 放 入 关键 字 。 

@ 增加 外 部 链接 

外 部 链接 是 搜索 引擎 判断 一 个 网 站 是 否 优秀 .是 否 重要 的 一 个 重要 因素 。 当 有 很 多 网 站 主 
动 链接 一 个 网 站 时 ,搜索 引擎 会 认为 哪个 网 站 很 重要 ,给 予 的 权重 就 会 很 高 。 外 部 链接 的 数量 和 
质量 成 为 一 个 网 站 的 重要 评估 标准 ,所 以 外 部 链接 对 搜索 引擎 优化 的 重要 性 就 显而易见 了 。 

CD 搜索 引擎 竞价 排名 

搜索 引擎 为 了 赢利 ,现在 都 提供 竟 价 排名 。 当 然 , 也 可 以 免费 登录 搜索 引擎 ,但 排名 肯 
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定 不 会 在 前 面 ,因此 很 多 企业 会 做 搜索 引擎 上 的 竞价 排名 。 目 前 国内 用 得 较 多 的 搜索 引擎 
是 百度 、 中 文 Google、 中 文雅 虎 等 。 

2. 网 站 赢利 

网 站 赢利 是 指 通过 经 营 网 站 来 赚钱 ,直接 获得 经 济 利益 。 当 前 互联 网 网 站 的 赢利 模式 
有 以 下 几 种 。 

(1) 在 线 广 告 收费 

在 线 广告 是 比较 普遍 的 网 站 赢利 方式 ,其 广告 形式 多 种 多 样 ,有 Banner 广告 .Logo 广 
告 .Flash 多 媒体 动画 、 在 线 影视 等 。 当 网 站 拥有 较 可 观 的 流量 时 ,就 具备 了 网 站 广告 收费 
的 条 件 , 可 以 通过 在 网 页 放置 广告 收取 一 定 的 费用 来 增加 收入 。 

从 收费 的 方式 来 看 ,现在 经 常用 的 是 按 点 击 次 数 收费 ,Google 和 百度 等 搜索 引擎 网 站 
都 是 主要 采取 此 类 广告 方式 。 具 体 可 以 通过 互联 网 广告 公司 ,如 Google Adsense, 或 者 通 
过 联系 实体 企业 ,让 企业 主 为 其 投放 广告 。 第 一 种 方式 操作 起 来 简单 ,被 多 数 中 小 型 个 人 网 
站 采用 ;第 二 种 实现 起 来 需要 有 一 定 的 影响 力 或 社会 关系 ,网 站 内 容 也 要 符合 企业 产品 的 要 
求 , 但 收入 比 第 一 种 可 观 。 

(2) 网 上 零售 (B2C) 

网 上 零售 主要 是 指 个 人 通过 Internet 购买 商品 或 享受 服务 。 购 物 者 可 以 浏览 网 上 的 商 
品目 录 , 选 择 满意 的 商品 或 服务 ,通过 网 上 下 订单 .网 上 付款 或 离线 付款 、 卖 方 处 理 订单 、 网 
上 送 货 或 离线 送 货 , 完 成 整个 购物 过 程 。 

目前 开发 网 上 零售 业务 的 B2C 零售 网 站 有 许多 ,比如 著名 的 有 亚马逊 .当当 网 .卓越 网 
等 ,各 大 网 站 也 都 有 自己 的 网 上 商城 。 通 常 的 B2C 网 上 零售 有 两 种 操作 方法 ,一 种 是 自己 
经 销 产 品 , 通 过 互联 网 销售 ; 另 一 种 则 是 建立 一 个 网 上 零售 的 平台 ,让 更 多 的 商家 通过 此 平 
台 销 售 他 们 的 产品 。 

G) 部 分 信息 收费 或 收取 会 员 费 

在 上 网 时 ,经 常会 遇 到 某 些 网 站 要 求 访问 者 必须 成 为 注册 用 户 , 才 能 阅读 此 网 站 提供 的 
信息 ,有 些 网 站 甚至 要 求 访问 者 必须 是 收费 用 户 , 这 就 是 所 谓 的 网 站 特殊 信息 收费 服务 。 例 
如 ,一 些 企业 需要 的 专业 技术 信息 、 个 人 需要 的 人 才 招 聘 信 息 、 有 价值 的 电子 图 书 、 流 行 的 在 
线 电影 人 气 旺 的 交友 网 站 等 可 能 就 只 提供 收费 访问 。 

当 网 站 提供 质量 较 高 的 内 容 或 服务 时 ,可 以 通过 这 种 方式 实现 收入 。 此 种 方式 需要 先 
有 一 定 吸引 力 的 免费 内 容 或 服务 ,以 此 为 基础 积累 访问 用 户 基数 ,通过 提供 更 具 吸 引力 的 增 
值 服务 来 顺利 过 渡 至 收费 。 

(4) 软件 下 载 

软件 下 载 可 以 认为 是 网 上 零售 的 一 部 分 ,只 是 软件 是 一 种 特殊 产品 ,可 以 在 线 直 接 下 
载 ,无 须 物 流 的 运输 过 程 。 

互联 网 上 的 软件 下 载 有 的 是 免费 形式 ,有 的 是 收费 形式 ,一 般 根据 所 下 载 的 软件 而 定 。 
人 们 一 般 会 选择 下 载 免费 软件 。 当 然 . 一 些 比较 专业 且 价格 不 菲 的 正版 软件 的 下 载 通常 是 
收费 的 ,即使 是 共享 也 是 有 使 用 期 限 的 。 有 许多 的 软件 公司 更 是 利用 互联 网 的 优势 进行 在 
线 升 级 服务 ,这 也 是 促进 与 网 站 访问 群体 互动 的 好 方法 。 


(5) 短信 铃声 等 移动 运营 服务 


近 几 年 兴起 的 互联 网 短信 铃声 下 载 , 不 仅 为 手机 用 户 带 来 了 更 周到 的 服务 和 更 精彩 的 
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铃声 彩信 ,也 为 各 大 网 站 提供 了 一 个 非常 良好 的 人 气 来 赚 取 利 润 的 赢利 模式 。 如 果 网 站 拥 
有 较 好 的 流量 ,可 以 通过 与 专业 短信 铃声 的 服务 提供 商 网 站 进行 合作 ,获得 一 些 赢利 。 

上 述 模式 各 有 特点 ,应 该 说 网 上 零售 模式 是 最 长 久 也 最 有 前 途 的 赢利 模式 ,将 是 未 来 互 
联网 发 展 的 一 个 重要 分 支 方向 。 


11.3.1 任务 描述 
在 “新 闻 类 别 网 站 ”的 运行 过 程 中 ,及 时 优化 网 站 , 尽 可 能 快 地 使 其 走向 赢利 。 
11.3.2 任务 实现 


对 于 “新 闻 类 别 网 站 ”的 赢利 ,因为 其 主要 内 容 产 品 是 新 闻 与 资讯 ,可 以 考虑 的 赢利 思路 
有 两 种 : 一 种 思路 是 通过 网 站 内 容 吸 引 访问 者 的 注意 力 , 加 大 网 站 的 访问 量 , 然 后 通过 在 线 
广告 收费 获得 利润 ; 另 一 种 思路 是 提供 给 访问 者 需要 的 内 容 , 通 过 内 容 直接 收费 。 不 管 是 哪 
种 方式 ,都 意味 着 网 站 要 有 较 好 的 流量 ,网 站 内 容 要 有 较 高 的 阅读 价值 。 


11.3.3 相关 知识 拓展 


关于 网 站 赢利 ,人 们 经 常会 提 到 电子 商务 。 电 子 商 务 是 对 整个 贸易 活动 的 电子 化 ,通常 
指 通过 Internet 进行 的 商务 活动 ,包括 广告 ,交易 .支付 ,服务 等 活动 。 很 多 的 赢利 活动 是 通 
过 电子 商务 网 站 进行 的 。 

根据 电子 商务 交易 主体 的 不 同 , 电 子 商务 可 以 分 为 以 下 5 类 。 

(1) 企业 与 消费 者 之 间 

企业 与 消费 者 之 间 (Business to Consumer,B2C) 的 电子 商务 基本 上 可 以 描述 为 在 线 购 
物 和 获取 服务 , 它 与 人 们 的 生活 关系 最 为 密切 ,这 是 人 们 最 为 熟悉 的 一 种 模式 。 通 过 网 上 商 
店 ,企业 可 以 更 方便 .更 全 面 .更 经 济 地 为 消费 者 提供 产品 信息 。 这 种 模式 的 代表 有 卓越 亚 
马 孙 书店 (http://www. amazon. com) 、 当 当 网 (http://www. dangdang. com) 等 。 

(2) 企业 与 企业 之 间 

企业 与 企业 之 间 (Business to Business. B2B) 的 电子 商务 是 指 企业 与 企业 之 间 通 过 互 
联网 进行 产品 .服务 及 信息 的 交换 ,通过 B2B 的 交易 方式 ,买卖 双方 能 够 在 网 上 完成 整个 业 
务 流程 。B2B 使 企业 之 间 的 交易 减少 许多 事务 性 的 工作 流程 和 管理 费用 ,降低 了 企业 经 营 
成 本 ,而 且 网 络 的 便利 及 延伸 性 使 企业 扩大 了 活动 范围 ,企业 发 展 跨 地 区 跨国 经 营 更 方便 ， 
成 本 更 低廉 。 这 种 模式 的 代表 是 阿里 巴巴 网 (http://china. alibaba. com) 。 

(3) 消费 者 与 消费 者 之 间 

消费 者 与 消费 者 之 间 (Consumer to Consumer,C2C) 的 电子 商务 是 指 个 人 与 个 人 之 间 
通过 Internet 等 媒体 进行 的 交易 活动 。 由 于 Internet 的 日 益 普及 ,以 及 许多 支持 C2C 交易 
的 网 站 的 推广 ,使 得 这 类 电子 商务 也 很 常见 。 在 拍卖 行业 ,比较 典型 的 是 国内 的 淘宝 网 
(http://www. taobao. com) ,支持 C2C 交易 , 集 个 人 竞价 、 集 体 议价 标价 求购 三 种 交易 模 
式 于 一 体 ,提供 包括 买卖 信息 、 在 线 交 易 和 电子 支付 等 在 内 的 全 套 解 决 方案 。 
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(4) 企业 与 政府 之 间 

企业 与 政府 之 间 (Business to Government,B2G) 的 电子 商务 是 指 电子 商务 活动 覆盖 企 
业 与 政府 组 织 间 的 各 项 事务 ,目前 我 国有 些 地 方 已 经 推行 网 站 采购 ,政府 采购 的 细节 在 
Internet. 上 公布 ,通过 网 上 竞价 方式 进行 招标 ,企业 也 通过 电子 的 方式 进行 投标 。 我 国 的 金 
关 工 程 是 通过 B2G 电子 商务 ,建立 我 国 以 外 贸 为 龙头 的 电子 商务 框架 ,并 促进 我 国 各 类 电 
子 商 务 活 动 的 开展 。 

(5) 消费 者 与 政府 之 间 

消费 者 与 政府 之 间 (Consumer to Government,C2G) 的 电子 商务 是 指 政府 利用 电子 商 
务 扩展 到 进行 福利 费 发 放 和 个 人 所 得 税 征收 等 方面 的 工作 。 例 如 ,网 上 办 税 服务 大 厅 的 服 
务 , 虽 然 这 类 服务 还 没有 达到 真正 的 报税 电子 化 ,但 是 , 它 已 经 具备 了 消费 者 与 政府 机 构 之 
间 电 子 商务 的 锥 形 。 

电子 商务 能 将 传统 的 商务 流程 数字 化 .电子 化 ,突破 时 间 空 间 的 局 限 , 从 而 大 大 提高 商 
业 运 作 的 效率 ,并 有 效 地 降低 了 成 本 。 作 为 一 种 全 新 的 商业 模式 ,电子 商务 将 日 益 深入 人 
心 , 而 电子 商务 网 站 作为 电子 商务 的 运作 平台 ,也 必 将 迎 来 更 大 的 发 展 机 遇 。 


11.3.4 经验 总 结 


网 站 的 真正 价值 体现 在 运营 阶段 ,因此 网 站 的 经 营 很 关键 。 但 是 网 站 运营 维护 也 不 能 
抱 着 立 笔 见 影 的 思想 。 从 长 期 来 看 ,良好 的 运营 维护 是 一 定 会 产生 好 的 效果 的 ,已 经 有 越 来 
越 多 传统 行业 的 企业 网 站 对 销售 业绩 的 增长 产生 较 大 的 作用 。 

网 站 优化 主要 是 两 个 方面 : 一 方面 针对 网 站 的 访问 者 ,改善 访问 者 的 访问 体验 ,如 加 快 
网 站 访问 速度 ,使 网 站 内 容 更 有 价值 ` 网 站 栏目 路 径 设 置 更 合理 等 ; 另 一 方面 是 针对 搜索 引 
5e ,改善 搜索 引擎 友好 性 ,提高 搜索 引擎 排名 。 

尽量 增加 其 他 网 站 指向 自己 网 站 的 链接 数目 。 常 用 的 增加 网 站 外 部 链接 的 方法 有 以 下 
几 种 。 

t 友情 链接 : 尽量 和 与 自己 内 容 相关 的 网 站 交换 友情 链接 。 

。 登录 分 类 目录 : 把 网 站 提交 给 分 类 目录 ,其 操作 方法 和 登录 搜索 引擎 门户 网 站 差 

不 多 。 
t 登录 导航 网 址 : 很 多 人 喜欢 用 hao123,265 等 一 些 网 址 大 全 网 站 ,如果 网 站 可 以 被 大 
型 导航 网 址 网 站 收录 ,无 疑 会 给 网 站 带 来 不 少 被 点 击 的 机 会 。 

网 站 要 想 在 搜索 引擎 中 获得 好 的 排名 ,竞价 价格 是 一 个 关键 因素 一 般 情况 ,出 价 越 高 ， 
排名 越 靠 前 。 还 有 一 个 因素 ,就 是 网 站 的 质量 ,包括 关键 字 、 页 面 内 容 、 更 新 程度 、 页 面 结构 
等 因素 。 例 如 ,百度 的 排名 是 由 综合 排名 指数 决定 的 ,综合 排名 指数 二 质量 度 X 竞 价 价格 。 
所 以 ,如 果 网 站 的 质量 度 较 高 , 则 也 可 以 用 稍 低 的 价格 获得 靠 前 的 排名 。 


11.4 实 训 


参照 本 章 的 工作 步骤 ,更 新 ,维护 “新 闻 类 别 网 站 ”, 并 尽 可 能 使 该 网 站 迈进 赢利 的 门槛 。 


(om 
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